Support » Plugin: Events Manager » Locations map zoom controls

  • Resolved ddrj

    (@ddrj)


    On my location maps the plus, minus (zoom) and fullscreen appear thrice. Any idea how to resolve. It is not a theme issue or plugin conflict. Many thanks

Viewing 8 replies - 1 through 8 (of 8 total)
  • Thread Starter ddrj

    (@ddrj)

    Any ideas on why this is happening? I have searched the forums and found that a similar issue was happening in this thread
    https://wordpress.org/support/topic/maps-plus-minus-and-fullscreen-appear-twice/

    it was resolved by an update by the google maps plugin team.

    Plugin Support timrv

    (@timrv)

    Hello,

    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://wordpress.org/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.

    @timrv,
    This is a common problem, by now. Lots of people have tripled or doubled controls since Google changed their API.

    Thread Starter ddrj

    (@ddrj)

    Tim and Patrick thanks for your reply.

    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

    • This reply was modified 3 years, 6 months ago by ddrj.

    Not quite sure.. I know users (of other plugins, not just EM) have similar problems ever since Google changed their Maps API, due to “more users using smaller screens”. I read somewhere that they will release a new version with the ability to roll the controls back, but haven’t heard if that has been launched yet.

    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.

    As a workaround (for now), you could try and install my own add-on: https://wordpress.org/plugins/stonehenge-em-maps-styling/

    That allows you (among other things) to hide certain / all controls.

    Thread Starter ddrj

    (@ddrj)

    Patrick again thanks – I have your plugin installed and as a last resort I will hide the controls. The link I gave above to a similar problem by a user of the google maps plugin suggests that the developers appear to have found a resolution.

    • This reply was modified 3 years, 6 months ago by ddrj.
    Plugin Author Marcus

    (@netweblogic)

    I’m very sorry for the delayed reply.

    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.

    • This reply was modified 3 years, 4 months ago by Marcus.
    • This reply was modified 3 years, 4 months ago by Marcus.
    • This reply was modified 3 years, 4 months ago by Marcus.
Viewing 8 replies - 1 through 8 (of 8 total)
  • The topic ‘Locations map zoom controls’ is closed to new replies.