Quantcast
Channel: Toolset » All Posts
Viewing all articles
Browse latest Browse all 20145

Reply To: [Waiting for user feedback] Google Map not working

$
0
0

Hi Bigul, I can give you acces ofcourse, I can also easily create a staging for you, no problem, but don't know if it's neccesarry right now.
The problem is pretty self explainatary, the Map functionality like you say only works when creating a view, and my suggestion is to make it also work on 'Wordpress archives'. As you can see in the first post of this thread I can apply all on the archive as well, with the only difference that it does not work ;-). I found a workaround though, leave the loop in the 'wordpress archive' for what it is, and include the view:

[wpv-layout-start]
[wpv-view name="outlets"]
	[wpv-items-found]
	<!-- wpv-loop-start -->
		<wpv-loop>
		</wpv-loop>
	<!-- wpv-loop-end -->
	[/wpv-items-found]
	[wpv-no-items-found]
		[wpml-string context="wpv-views"]<strong>No posts found</strong>[/wpml-string]
	[/wpv-no-items-found]
[wpv-layout-end]

I do have an other question, I also used the 'map only' possibility on this page:

http://www.pipservies.net/pip-studio-verkooppunten/

When you click on one of the markers, no information is showing, but the title of the 'outlet' should be shown, this is what I used in my view:

[wpv-layout-start]
	[wpv-items-found]
	<!-- wpv-loop-start -->
<script type="text/javascript">
var otgLocations=[
 <wpv-loop>
   {
    markerId:'[wpv-post-id]',
    markerTitle:'[wpv-post-title]',
    markerLat:'[types field="latitude"][/types]',
    markerLon:'[types field="longitude" output="raw"][/types]',
    markerHTML: '<div class="re-infoWin">[wpv-post-title]</div>'
   },
 </wpv-loop>
];
</script>
	<!-- wpv-loop-end -->
	[/wpv-items-found]
	[wpv-no-items-found]
		[wpml-string context="wpv-views"]<strong>No items found</strong>[/wpml-string]
	[/wpv-no-items-found]
[wpv-layout-end]

JS:

jQuery( document ).ready(function($) {
  $("#js-main-map-canvas").wpvmap();
});

Combined output:

[wpv-filter-meta-html]
<div><a class="js-map-fitbounds" href="#">Centreer kaart om alle resultaten te zien</a></div>
[wpv-layout-meta-html]
<div id="js-main-map-canvas" class="google-maps team-map-height"></div>

I think I followed all the docs, on the other view I made that is showing the map AND the outlets, everything is working.


Viewing all articles
Browse latest Browse all 20145

Trending Articles