it was resolved by an update by the google maps plugin team.
]]>Could you perhaps send us a sample link of your Website where the control buttons are showing multiple times? So far it’s not showing on my test server.
I noticed that you have mentioned that it’s not a plugin conflict or theme conflict,
Perhaps you already tried disable all other plugins and try and change theme perhaps? If in case you still haven’t tried it, You could easily try it by Installing one of our plugins https://www.ads-software.com/plugins/wp-safe-mode/ which lets you view the site as if the plugins are disabled and theme is different.
I would also ask our Devs for this one in case they have encountered it and show them the link you sent.
]]>This is a test site for new website
https://mis.viafrancigena.co.uk/?location=medieval-hall-salisbury
Patrick I note you say it is a common problem – is there a fix for it ?
I used your safe mode plugin to change themes and disable plugins made no difference
]]>I do know, that this is probably and mainly a css problem. Google forces sprite images (https://www.w3schools.com/css/css_image_sprites.asp) on their controls. So if somewhere something does not process the css exactly right (process wich part of the image has to be shown), the rest of the sprite image is shown as well (looks like two controls: one black one grey). Since Google injects its css upon loading the map, I have not been able to overrule that.
]]>That allows you (among other things) to hide certain / all controls.
]]>Regarding the three icons appearing, this turns out to be a Google ‘bug’ in their API version 3.4 rather than a change in EM, because bumping it to 3.5 fixes the problem too, but there’s in fact two solutions. We’ll likely do them both to make it future-proof in the next update but meantime if you can edit files yourselves one or the other of the following will work:
1. Change the CSS, in events-manager/includes/css/events-manager.css and remove this section entirely:
.em-location-map img, .em-locations-map img, #em-map img {
max-width:none !important;
background:none !important;
border:none !important;
margin:0 !important;
padding:0 !important;
height:auto;
width:auto;
}
2. Change the loaded Google Maps version in JS because this issue seems to be happening to one version of Google Maps. You’d change:
script.src = proto + '//maps.google.com/maps/api/js?v=3&libraries=places&callback=em_maps&key='+EM.google_maps_api;
to
script.src = proto + '//maps.google.com/maps/api/js?v=3.5&libraries=places&callback=em_maps&key='+EM.google_maps_api;
Additionally, when we’ve implemented this in the latest dev version very soon, we’ll follow up here as well.
]]>