Skip Navigation

[Resolved] Google Maps and Parametric Search

The Toolset Community Forum is closed, for technical support questions, please head on to our Toolset Professional Support (for paid clients), with any pre-sale or admin question please contact us here.
This is the community support forum for Types plugin, which is part of Toolset. Toolset is a suite of plugins for developing WordPress sites without writing PHP.

Everyone can read this forum, but only Toolset clients and people who registered for Types community support can post in it.

Tagged: 

This topic contains 21 replies, has 4 voices.

Last updated by Adriano 7 years, 2 months ago.

Assigned support staff: Adriano.

Author
Posts
#221098

Hi @ all,
we want to add a parametric search in combination with Google Maps. I checked out the manual on https://toolset.com/documentation/user-guides/map-wordpress-posts/ but at a certain point when it comes to the integration of the data in the loop I get stucked. Is there another more detailed and easier manual for this?
Thankyou and regards, Chris

#221161

Dear Christian,

I think you are looking for it: https://toolset.com/2014/05/views-1-6-1-improves-parametric-search/

Can you say me exactly what point you have a problem? Anyway the private area is enabled, I can build an example for you if you want. As soon as you fill required fields I can do that.

#221311

Hey Adriano, I followed this tutorial:
https://toolset.com/documentation/user-guides/map-wordpress-posts/
1) At point "2b. Add map data to our View" I got stuck. I don't understand where to put which code.
2) How may we style the output and the filter section? My colleague says, that it is quite complicated.

We want a member list (with pagination, if possible) for appr. 100 members combined with a google map in the upper part. Using the parametric filter section it should refresh by itself. The site we build with Headways and as far as I know bootstrap is not included/supported. So in the configmenu I did not choose a bootstrap version.

3) Do you know a plugin which transforms automatical adress data in coordinates?

Thank you very much and have a nice day!

regards, Chris

#221359

Bigul
Supporter

Dear Chris,

I am take caring the ticket in the absence to Adriano.

Have you create the view/template to list the View Map ? I can't find any relevant one. Please update.

--
With Regards

Bigul

#221370

Hi Bigul, the view is the "Liste Mitglieder (Parametric Search)" The output is defined in a content box of headway on the blog index. It is the textblock 45:
<div class="clearfix">
<div>
<a class="js-map-fitbounds" href="#">Center map to view all points</a>
</div>
[wpv-layout-meta-html]
<div id="js-main-map-canvas" class="google-maps team-map-height">
</div>
<ul id="js-map-elements">

</div>

Do you know headway?

regards, Chris

#221374

Bigul
Supporter

Dear Chris,

I had a little experience with it. I will cross check it once again with the help of our developers and get back you. Please wait.

--
With Regards

Bigul

#221377

hi Bigul - great support - I enjoy it 🙂

#221574

Luo Yang
Supporter

Languages: English (English ) Chinese (Simplified) (简体中文 )

Timezone: Asia/Hong_Kong (GMT+08:00)

Hi christianK-3,

1) At point "2b. Add map data to our View" I got stuck. I don't understand where to put which code.
Please check "Map completed view" below "2b. Add map data to our View", each map data is added into each

  • tag:
    for example:

    <li 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]">
    

    2) How may we style the output and the filter section?
    please edit your view, in both section "Filter HTML/CSS/JS" and "Layout HTML/CSS/JS", there are "Open CSS editor" button, there you can input your custom CSS style in it,
    The CSS codes, depends on how do you like it display.

    3) Do you know a plugin which transforms automatical adress data in coordinates?
    Please try Google map API:
    Geocoding is the process of converting addresses (like "1600 Amphitheatre Parkway, Mountain View, CA") into geographic coordinates (like latitude 37.423021 and longitude -122.083739), which you can use to place markers or position the map.
    hidden link

  • #221754

    Hi luoy,

    thanks a lot for responding quickly! We will go on working on this topic tomorrow. Amazing the internationality of the Toolset team 🙂

    have a great day! regards, Chris

    #222165

    Luo Yang
    Supporter

    Languages: English (English ) Chinese (Simplified) (简体中文 )

    Timezone: Asia/Hong_Kong (GMT+08:00)

    Is this problem resolved? Please let me know if you need more assistance.

    #222574

    Hi luoy, problem still resists to be solved. But we will go on working on it. You can have a look here: hidden link

    if we have more questions, we will come back here.

    have a good time!

    Chris

    #222802

    Luo Yang
    Supporter

    Languages: English (English ) Chinese (Simplified) (简体中文 )

    Timezone: Asia/Hong_Kong (GMT+08:00)

    Please let me know if there are more questions, thanks

    #224919

    Alright, hey there I'm back with another question.

    We achieved to get the map working, the markers are now on the map and everything is working fine so far, but now we got to another problem.

    The question is if it's possible to "redraw" the Google Map after an AJAX call with the parametric search? I was trying to directly acces the JS File with the Map Plugin but failed it.
    With the parametric search we filter for specific member and just want to show their location on the map, and it seems like the only way to remove the markers on the map is to fully re-create the Map with ne markers.

    Greetings
    Chris

    #225178

    Dear Christian,

    Luo is unavailable to handle this ticket for now, I will take care for you. I think you are looking for this documentation: https://toolset.com/documentation/user-guides/front-page-filters/

    Please take a look at the topic "Limiting Filter Inputs According to Available Results" and let me know if it solves your issue.

    #225188

    Hey Adriano,

    no this is actually not what we're looking for. We already achieved to filter all the input and get the data we want. The main problem is to use this data now, and what I mean by that is that we use your Google Maps plugin (https://toolset.com/documentation/user-guides/map-wordpress-posts/) and after the ajax filter call has returned the data, we want to update the map markers. We just want to have the new marker on the map and remove the old ones.
    The documentation solution didn't solved our problem.

    Greetings
    Chris

    The forum ‘Types Community Support’ is closed to new topics and replies.