[Resolved] Show the map how it show on the Template

[Author]

Posts

[michelL]

Hi there,

I want to show the map [map-21] and al the settings like the marker, controls etc on the Elementor page using a code.
Is this possible? Or do I have to create a map in the View option? If so do you have a video how I can do this?

[Nigel]

Hi there

The legacy editor uses shortcodes to output maps and markers, and you should be able to add those shortcodes to a text module of Elementor and have them generate the map on the front end.

That would apply where you have a simple map with, say, a single marker.

If you have a more complex map with multiple markers coming dynamically from posts with address fields, you could create a View with the legacy editor that generates the map and markers, and then you can insert that with the View module in Elementor.

For details of the map shortcodes see https://toolset.com/documentation/programmer-reference/maps/maps-shortcodes/#wpv-map-render

For legacy documentation about displaying maps see https://toolset.com/documentation/legacy-features/maps-plugin/displaying-wordpress-content-on-maps/

To make a View with the legacy editor you will need to make sure the legacy editor is enabled at Toolset > Settings.

[michelL]

Hi Nigel,

My PHP knowledge is not that great. Could you create a view (you also made this for me to show houses, attached) which I can copy and modify myself later? For you it's probably 5 minutes of work and for me a week 🙁

I want to show the location (the adres field) of the House in a Toolset map at:
hidden link

Hope you can help me.

[Minesh]

I will require admin access details in order to access the page you shared.

*** Please make a FULL BACKUP of your database and website.***
I would also eventually need to request temporary access (WP-Admin and FTP) to your site. Preferably to a test site where the problem has been replicated if possible in order to be of better help and check if some configurations might need to be changed.

I have set the next reply to private which means only you and I have access to it.

[Minesh]

Can you please check now:
- hidden link

I've added the map to your view's "Loop Editor" outside the view's loop:
=> hidden link

	[wpv-map-render map_id="map-29"][/wpv-map-render]

And I've added the marker shortcode using the shortocde block to your view's loop content template:
=> hidden link

  [wpv-map-marker map_id='map-29' marker_id='marker-[wpv-post-id]' marker_title='[wpv-post-title]' marker_field='wpcf-huisje-huren-adres'][wpv-post-link][/wpv-map-marker]

Can you please confirm it works as expected.

[michelL]

Hi Minesh,

This is great (you can leave it that way) but I only want show the [adres] of the property on the page.

So like the Elementor map but then show as a Toolset View. hidden link
Can you use the view [map toont huisje] I made?

[Minesh]

To display the current post address with map you will not require view.

So, I've created the following content template and added the map and marker shortcode to display the current post address to it:
=> hidden link

[wpv-map-render map_id="map-32"][/wpv-map-render]
[wpv-map-marker map_id='map-32' marker_id='marker-[wpv-post-id]' marker_field='wpcf-huisje-huren-adres'][/wpv-map-marker]

And I've added the above content template using the shortcode module to your elementor template:
=> hidden link

[wpv-post-body view_template="ct-show-current-address"]

Can you please confirm it works as expected now.

[michelL]

My issue is resolved now. Thank you!