[Resolved] Map Not Displaying Correctly

[Author]

Posts

[Adrian Robbins]

We are trying to display a hotel location on this URL:

hidden link

from an address field in the custom fields, and all we get is a map of the Congo.

To test all the map configuration settings and API key are correct, we created a new 'test' content template and this displays the maps correctly:

hidden link

We have even tried copying the code from the working content template , changing the map ID and marker ID and then pasting into the content template where we want the map to appear (/the-open/)

The code we used is shown below:

<!-- wp:toolset/map {"mapId":"map-18","mapHeight":"400px","markerId":"[\u0022marker-19\u0022]","markerSource":"[\u0022dynamic\u0022]","markerUseMapIcon":"[false]","markerIcon":"[\u0022//mylinksgolftour.com/wp-content/plugins/toolset-maps/resources/images/markers/Home.png\u0022]","markerDynamicAddress":"[{\u0022postProvider\u0022:\u0022__current_post\u0022,\u0022source\u0022:\u0022toolset_custom_field|hotels\u0022,\u0022field\u0022:\u0022hotel-address\u0022,\u0022customPost\u0022:null,\u0022isActive\u0022:true}]","markerViewField":"[\u0022wpcf-address\u0022]"} /-->

When we view both Map block in the correct content template and the 'test' content template, they display correclty and if we change the 'View With' setting, the maps update correctly and display the marker exactly where the hotel is listed on Google.

Can you please advise why the maps are not displaying correctly.

[Nigel]

I think we would need to take a look at the site to understand what's going on, if that's okay.

Let me mark your next reply as private so that we can get log-in credentials from you—you may want to create a temporary admin user for us to use that you can later delete. And be sure to have a current backup of your site.

[Minesh]

Hello. Thank you for contacting the Toolset support.

I see the perfect map is displayed on the following page: hidden link

Have you already figure it out how to add map to your content template?

[Adrian Robbins]

Hi Minesh

I still have the problem.

So, I need the map working on hidden link - at the moment it shows the Congo! Even though in the backend, the map shows the correct location based on the Hotel CPT you're viewing.

The page you quote, was simply to test the settings.

Kind regards
Ade

[Minesh]

Can you please check now: hidden link

I'm not sure whats going on here as when I try to add map using Toolset Map block, it does rendered correctly on the backend but not on the frontend.

So, as a workaround, I've added the map as given under:
=> hidden link

[wpv-map-render map_id="map-999" map_width="100%" map_height="400px"][/wpv-map-render]
[wpv-map-marker map_id='map-999' marker_id='marker-[wpv-post-id]' marker_field='wpcf-hotel-address'][/wpv-map-marker]

I can see its working as expected, can you please confirm.

[Adrian Robbins]

Hi Minesh

That's brilliant and confirm it's now working correctly.

That's a much easier way of adding the map 🙂

Many thanks for your help.

Kind regards
Ade

[Adrian Robbins]

My issue is resolved now. Thank you!