[Resolved] Marker is not shown on map

[Author]

Posts

[Adrian Robbins]

Hi Christian

That sorted the problem and many thanks for identifying this as the problem.

We have another question, concerning the map marker.

So on the home page - hidden link all the map markers are displayed correctly, including the one for my place in Aberdeen, Scotland.

However if you go to any of the individual houses, the marker is not shown. But if you click on the "Focus on Marker" button, it zooms the map into the correct location, albeit marker is still not shown.

Any ideas on how to fix this issue?

Cheers Ade

[Christian Cox]

[wpv-map-render map_id='map' map_height='400' scrollwheel='off' background_color='#ffffff' marker_icon='<em><u>hidden link</u></em>;
[wpv-map-marker map_id='map' marker_id='marker-[wpv-post-id]' marker_icon='<em><u>hidden link</u></em>;.png' marker_field='wpcf-property-location']
[wpv-post-body view_template="Part - Marker info popup"]
[/wpv-map-marker]
[wpv-view name="markers-[wpv-post-type]"]
<div class="well">Fetching data from Google Maps</div>[/wpv-map-render]

Looks like you have placed the wpv-map-marker shortcode inside the wpv-map-render shortcode. The map marker shortcode should be placed outside the map shortcode in order to display the marker correctly on the map.

[Adrian Robbins]

Thank you for looking at the map code and we hadn't actually altered this code yet, so it was maybe a glitch in the original Real Estate files?

We have now managed to get a "marker" to display using this code, which may need further tweaking as we progress with this client project:

[types field='property-location' output='raw'][/types]
[wpv-map-render map_id='map' map_height='400' scrollwheel='off' background_color='#ffffff' marker_icon='hidden link;
<div class="well">Fetching data from Google Maps</div>
[/wpv-map-render]
[wpv-map-marker map_id='map' marker_id='marker-[wpv-post-id]' marker_icon='hidden link' marker_field='wpcf-property-location']
[wpv-post-body view_template="Part - Marker info popup"]
[/wpv-map-marker]
[wpv-view name="markers-[wpv-post-type]"]
<br>
<button class="btn btn-primary js-wpv-addon-maps-focus-map" data-map="map" data-marker="marker-[wpv-post-id]">Focus on marker</button>

We noticed that if we tried to display the original marker in a browser with this URL hidden link the marker does not load and maybe it is missing on your servers? Or the file location is incorrect?

Hopefully the tweaks we have made to the code are correct 🙂

[Christian Cox]

If you want to use the default marker icon, you can delete the marker_icon code from the wpv-map-render shortcode:

[wpv-map-render map_id='map' map_height='400' scrollwheel='off' background_color='#ffffff']

The default icon will be rendered using the default icon images, or you can choose one of your own icon images when generating the map shortcode.