[Resolved] Add Toolset map to Elementor page

[Author]

Posts

[lucyD]

Tell us what you are trying to do?

I have created a map here: hidden link

I have a custom post type venues and each venue has a repeatable field group to allow multiple locations. I have created a view to access all locations for all venues and display them on a map. This is working correctly.

How can I add this map into a page designed with Elementor (hidden link)?

I have tried using the shortcodes but this just gives me a map with no markers so I must be missing something:

[wpv-map-render map_id='map-3']
[wpv-map-marker map_id='map-3' marker_id='marker-4']

Is there any documentation that you are following?

https://toolset.com/documentation/programmer-reference/maps/maps-shortcodes/

Is there a similar example that we can see?

What is the link to your site?

hidden link

[Christopher Amirian]

Hi,

The way you used the Map is complicated and it is an integrated part of a view. You can not use the Map standalone.

I suggest that you create the View separately using the legacy mode:

- Go to "Toolset > Settings > General".
- Find the "Editing experience" section.
- Check the "Show both the legacy and Blocks interface and let me choose which to use for each item I build" checkbox.
- Reload the browser page.
- Go to the newly added "Toolset > Views" menu.
- There you will be able to edit the views.

For more information:
https://toolset.com/course-lesson/enabling-legacy-version-of-toolset-views/

You can add the filtering and all the map items you want there.

Then, you can use the [wpv-view name="Name of the view"] shortcode in Elementor to show the view.

Replace "Name of the view" with the name you chose for the view you have created.

Thank you.