I am trying to:
Display posts on a map within a View.
Link to a page where the issue can be seen: hidden link (site is in privacy mode, so please use username "flywheel", password "yielding-event" to view).
I expected to see: A map showing locations of selected posts, together with a grid showing post details below
Instead, I got: Map is blank, but the correct posts show in the grid below.
The View has a loop which lists the posts, with a [wpv-map-marker] element for each. The markers have map_id="map-2", which corresponds to the map_id="map-2" in the [wpv-map-render] shortcode above:
[wpv-layout-start]
[wpv-items-found]
<div class="google-maps parks-map-height">
[wpv-map-render map_id="map-2" cluster="on" cluster_grid_size="45" scrollwheel="off" marker_icon="/wp-content/uploads/2016/01/mps-google-marker.png" map_height="100%"]
</div>
<ul id="js-map-elements">
<!-- wpv-loop-start -->
<wpv-loop>
[wpv-map-marker map_id="map-2" marker_id="marker-[wpv-post-id]" marker_title="[wpv-post-title]" lat="[types field='latitude'][/types]" lon="[types field='longitude'][/types]"][wpv-post-link][/wpv-map-marker]
<div class="parks-third">
<li><div class="mp-park-img"><a href="[wpv-post-url]">[wpv-post-featured-image size="parks-thumb" attr="class=park-pic"]</a></div><h4 class="mp-park-name">[wpv-post-link]</h4>
<div class="mp-area">[wpv-post-taxonomy type="area" separator=", " format="text" show="name" order="asc"]</div>
<div class="mp-park-desc">[wpv-post-excerpt length="60"]</div>
<h5 class="goto"><a href="[wpv-post-url]">Go to park page "</a></h5>
</li>
</div>
</wpv-loop>
<!-- wpv-loop-end -->
</ul>
[/wpv-items-found]
[wpv-no-items-found]
<div class="mp-no-parks">[wpml-string context="wpv-views"]<strong>Sorry, no parks matched your search</strong>[/wpml-string]</div>
[/wpv-no-items-found]
[wpv-layout-end]
However, when the page is rendered, the map_id has changed (data-map="map-2-1"), so the markers are no longer being displayed on the map:
<div id="wpv-view-layout-1094-TCPID13" class="js-wpv-view-layout js-wpv-layout-responsive js-wpv-view-layout-1094-TCPID13" data-viewnumber="1094-TCPID13" data-pagination="{"id":"1094","base_permalink":"/explore-parks/?wpv_view_count=1094-TCPID13&wpv_paged=WPV_PAGE_NUM","query":"normal","type":"disabled","effect":"fade","duration":"500","speed":5,"pause_on_hover":"disabled","stop_rollover":"false","cache_pages":"enabled","preload_images":"enabled","preload_pages":"enabled","preload_reach":"1","spinner":"builtin","spinner_image":"<em><u>hidden link</u></em>","callback_next":"","manage_history":"enabled","has_controls_in_form":"disabled","infinite_tolerance":"0","max_pages":0,"page":1,"loop":{"type":"","name":"","data":[],"id":0}}" data-permalink="/explore-parks/?wpv_view_count=1094-TCPID13">
<div class="google-maps parks-map-height">
<div id="js-wpv-addon-maps-render-map-2-1" style="width:100%; height:100%;" class="wpv-addon-maps-render js-wpv-addon-maps-render js-wpv-addon-maps-render-map-2-1" data-map="map-2-1" data-generalzoom="5" data-generalcenterlat="0" data-generalcenterlon="0" data-fitbounds="on" data-singlezoom="14" data-singlecenter="on" data-maptype="roadmap" data-showlayerinterests="false" data-markericon="/wp-content/uploads/2016/01/mps-google-marker.png" data-markericonhover="" data-draggable="on" data-scrollwheel="off" data-doubleclickzoom="on" data-maptypecontrol="on" data-fullscreencontrol="off" data-zoomcontrol="on" data-streetviewcontrol="on" data-backgroundcolor="" data-cluster="on" data-clustergridsize="45" data-clustermaxzoom="" data-clusterclickzoom="on" data-clusterminsize="2" data-stylejson="//mps2.flywheelsites.com/wp-content/plugins/toolset-maps/resources/json/Standard.json" data-spiderfy="off" data-streetview="off" data-markerid="" data-location="" data-lat="0" data-long="0" data-heading="" data-pitch=""></div>
</div>
<ul id="js-map-elements">
<div style="display:none" class="wpv-addon-maps-marker js-wpv-addon-maps-marker js-wpv-addon-maps-marker-marker-8114-1 js-wpv-addon-maps-markerfor-map-2" data-marker="marker-8114-1" data-markertitle="Abbeyview Park, Dunfermline" data-markerfor="map-2" data-markerlat="56.066505" data-markerlon="-3.422373" data-markericon="" data-markericonhover="" data-streetview="no"><a href="<em><u>hidden link</u></em>">Abbeyview Park, Dunfermline</a></div>
<div class="parks-third">
<li><div class="mp-park-img"><a href="<em><u>hidden link</u></em>"><img width="235" height="150" src="<em><u>hidden link</u></em>" class="attachment-parks-thumb size-parks-thumb wp-post-image" alt="" /></a></div><h4 class="mp-park-name"><a href="<em><u>hidden link</u></em>">Abbeyview Park, Dunfermline</a></h4>
<div class="mp-area">Fife</div>
<div class="mp-park-desc"><p>Extensive, unusually shaped local park, Abbeyview Park is lo …</p>
</div>
<h5 class="goto"><a href="<em><u>hidden link</u></em>">Go to park page "</a></h5>
</li>
</div>
... etc.
This View was rendering correctly until recently, so I wondered if the latest plugin updates could have caused this. However reverting to the previous versions of Maps, Views and Types doesn't solve the problem. Other maps on the site (eg on the home page hidden link) are working as expected.
I'd be glad if you could take a look at this for me. Can provide access to the site if required (this is a copy of the live site, so no problem to make changes.)
Many thanks,
Chris
