Dear Christian,
It is the right documentation, but I agree with you this one is hard to follow, and it is impossible to understand how to integrate AJAX parametric search + map. We are improving this page, it will be more simple to read this in the future, sorry for this incovenience.
I will help you to build it, can you say me what is the page / view / content template should I edit?
Hey Adriano,
that sounds good.
We have 2 views i'll post'em both:
GetMarker View Filter:
[wpv-layout-start]
[wpv-items-found]
<ul id="js-map-elements">
<wpv-loop>
<li style="display: none;" data-marker-title="[wpv-post-title]"
data-marker-lat="[types field="latitude"][/types]"
data-marker-lon="[types field="longitude"][/types]"
data-marker-id="[wpv-post-id]">
<div class="team-info-wrap">
<div class="js-map-infowindow-html">
<h3>[wpv-post-title]</h3>
</div>
</div>
</li>
</wpv-loop>
</ul>
[/wpv-items-found]
[wpv-layout-end]
Member list (Parametric Search) View:
[wpv-layout-start]
<table style="position: relative;">
<wpv-loop pad="true" wrap="3">
[wpv-item index=1]
<tr>
<td>
<div align="center">
<a href="[wpv-post-url]">[types field="datenerfassung-beitragsbild" size="thumbnail" align="center" resize="crop"][/types]</a></br>
<p>[types field="datenerfassung-vorname" id=""][/types]
[types field="datenerfassung-nachname" id=""][/types]</p>
<p>[types field="datenerfassung-plz" id=""][/types]
[types field="datenerfassung-ort" id=""][/types]</p></br>
</div>
</td>
[wpv-item index=other]
<td>
<div align="center">
<a href="[wpv-post-url]">[types field="datenerfassung-beitragsbild" size="thumbnail" align="center" resize="crop"][/types]</a></br>
<p>[types field="datenerfassung-vorname" id=""][/types]
[types field="datenerfassung-nachname" id=""][/types]</p>
<p>[types field="datenerfassung-plz" id=""][/types]
[types field="datenerfassung-ort" id=""][/types]</p></br>
</div>
</td>
[wpv-item index=3]
<td>
<div align="center">
<a href="[wpv-post-url]">[types field="datenerfassung-beitragsbild" size="thumbnail" align="center" resize="crop"][/types]</a></br>
<p>[types field="datenerfassung-vorname" id=""][/types]
[types field="datenerfassung-nachname" id=""][/types]</p>
<p>[types field="datenerfassung-plz" id=""][/types]
[types field="datenerfassung-ort" id=""][/types]</p></br>
</div>
</td>
</tr>
[wpv-item index=pad]
<td></td>
[wpv-item index=pad-last]
<td></td></tr>
</wpv-loop>
</table>
[wpv-view name="getmarker-view-filter"]
[wpv-no-items-found]
[wpml-string context="wpv-views"]<strong>Keine Einträge gefunden!</strong>[/wpml-string]
[/wpv-no-items-found]
[wpv-layout-end]
I hope this is what you need. hidden link this is the page with the GMap.
Greets
Chris
Dear Christian,
I think will be more easy to you understand how it works and how it is built, if you download our Bootstrap Real State reference site. You must first download "Framework Installer" plugin, then you will be able to download any reference site.
Hi Adriano,
we installed the Bootstrap Real Estate Reference Site. On the page with the Map we don't see any markers:
hidden link
regards, Chris
Dear Christian,
This because you need to edit the map View in the JS section. There you need to fix the URL of the site to hidden link
Please do that and let me know if it has been solved.
Good news! We finally achieved it to get everything running!
It was a hilarious mistake that made it impossible to work, but anyways it works now.
Thank you for your help.
regards, Chris