[Resolved] Maps

[Author]

Posts

[robertB-22]

Greetings from Poland,
Please help me to set my search results on Google map.

I use Elementor and Toolset plugins.
My website is a shop with eye glasses and an optical salon search engine.
I created a custom post type: Optical Salon (att #1) and I have added the Adress field in Optical Salon (att #2)

I used Elementor to create archives of optical salon search results. Each of the showrooms has an address field with a map (att #3).
Please note that the auto-complete address option from Google maps does not work (att #4).

I created View and added a map and marker field in the loop editor (att #5).
In the loop output pool I also added a map with a marker (att#6).

Please check where I made the mistake because the search results are not displayed on the map.

Regards,
Robert

[Shane]

Hi Rober,

Thank you for getting in touch.

Based on your screenshot especially (att#4) I can see that this could be an issue with the API Key.

However i cannot be 100% sure given that i'm not able to translate the error from an image. What you can do is to provide me with admin access to the website so that I can have a look at the site in more detail to see what exactly is happening here.

I've enabled the private fields for your next response.

Also please send me a link to the page where the map is being displayed on the frontend.

Thanks,
Shane

[Shane]

Hi Robert,

Thank you for your response.

As suspected it is an Issue with the API key. It could be that some of the API that are required are not activated.

Could you go to your Google Dashboard and ensure that the Places API, Geocoding API and Map Javascript API are all enabled. See Screenshot.

Once you've verified this please let me know.

Thanks,
Shane

[robertB-22]

Thank you for your help.

#1
I have improved the API Key and map search results work.
I would like to know how to display all results on one map only (att #2)?

#2
The search engine custom fields 'address' does not seem to work. I attach screenshots with the settings, with an example for the city of Gdańsk. Where did I make a mistake?

Regards,
Robert

[Shane]

Hi Robert,

#1
I have improved the API Key and map search results work.
I would like to know how to display all results on one map only (att #2)?

If you want your map to be on this side then you will need to do some column manipulation.

There is an output editor section on your View, see screenshot.

The [wpv-filter-meta-html] shortcode represents any filters that are on your site and the [wpv-layout-meta-html] controls the loop output. So this will produce the results.

You can add your map shortcode in this section and then use the bootstrap column to setup a 2 column layout for the your output.

<div class="row">
	<div class="col-md-6">[wpv-filter-meta-html]</div>
	<div class="col-md-6">[wpv-layout-meta-html]</div>
</div>

In this example i've used the filter output and the results output but you can also use the map shortcode here as well.

Thanks,
Shane