Fly to a given co-ordinate via basic link

I see there is the following openInfoWindow(wpgmza_markerid,wpgmza_mapid,true); but I read that it is perhaps no longer supported? This looks to be what I need.

Hi @logicred,

Thank you for getting in touch, we do appreciate your time.

Although we do support some types of links on a map page, in this case you would probably be better off with a custom JavaScript function that meets your needs a bit closer.

I would firstly recommend setting up your links using data-attributes, as this can might be more modular for adding new links in the future:

<a href="#" class="wpgmza-button-relay" data-lat="51.5286416" data-lng="-0.1015987" data-zoom="12">
   London
</a>

With this in place, you should be able to add the following custom JavaScript to your site to action these links:

jQuery(function($){
    $(document.body).on('click', '.wpgmza-button-relay', function(event){
        event.preventDefault();
        const lat = $(this).data('lat');
        const lng = $(this).data('lng');
        const zoom = $(this).data('zoom');

        if(lat && lng){
            WPGMZA.maps[0].setCenter({lat: lat, lng: lng});
        }

        if(zoom){
            WPGMZA.maps[0].setZoom(zoom);
        }
    });
});

This can be added to the plugins custom JavaScript area, or within a custom JavaScript file if preferred.

I hope this helps?

Thanks Dylan! Works perfectly! Could I do the same thing, but pass the function a marked ID (instead of the Lat/Long cords) and it zooms to that?

Thank you

Hi @logicred,

Only a pleasure!

Yes, you could use a Marker ID instead, as an example the following HTML:

<a href="#" class="wpgmza-button-relay" data-marker="1">
   London
</a>

Could then be handled with this JavaScript:

jQuery(function($){
    $(document.body).on('click', '.wpgmza-button-relay', function(event){
        event.preventDefault();
        const marker = $(this).data('marker');

        if(marker){
            WPGMZA.maps[0].getMarkerByID(marker).onSelect();
        }
    });
});

I hope this helps?