How to Use Avada’s OpenStreetMaps Element

This video tutorial showcases the versatility of the OpenStreetMaps open-source map alternative, offering a range of styles, custom markers, and interactive features. Users can tailor their maps to fit any brand or need for their Avada website.

#avada #websitebuilder #wordpress

------------------------------


*Related:*

*Resources:*

*Avada Prebuilt Content:*

*Social Media:*

-----------------------------

*FTC Disclaimer:* If you purchase Avada after clicking on the affiliate link in this video description, we may earn a small affiliate commission from Envato.

[thebruckners]

Additional design options are always appreciated - thank you!

[TheCotswoldExplorer]

I can see and edit this element in editing, but when previewing it live it just completely disappears. Is there a setting somewhere I need to change?

[martinverbeek]

For me the element does not display on the website. It does once I'm in the live builder but when I'm on the front end of the website the element is invisible.

[websanityseo]

Nice to be able to avoid using Google maps. Good new feature, thanks.

[buelentbirol]

great feature. Is there a way for a bulk upload the marker?

[kittitasconservationtrust]

Your videos are always helpful, thanks! When the popup is set to Tooltip, you cant click the link in the content before the popup disappears. I'd like to be able to just hover over a marker and have the content popup, but also be able to click the link. I think this is possible with the Image Hotspots element, is it possible with OpenStreetMaps?

[perceptively]

Zoom level is no longer available, can you please update your documentation pages?

[kevingarofalo]

Is there any way to add a class to the child elements here?

[randidoo]

I was never able to change the title h5 level ... Anyone found how to ?

[rmesvp]

Having issue with this (the “openstreetmap” element) !??!
Open to edit page where I’d like to add this through “edit live”
Added a new container, then added the open OpenStreetMap Element, this it pretty much as this tuto-video, saved and all seemed fine ( from the edit live page after saving)
BUT…issue I’m having = ( and can’t see why this issue ??)…. Is I can only see my changes ( this new OpenStreetMap Element) in live page edit ( editing or not, only while on this edit page) but, NOT showing on the “front end” nor for anyone web browsing my site ??

Any advice and/or clue where to look to…. Unlock and make it visible on the front end side ??
PS… I’ve also made sure in "Avada open Builder elements options", the OpenStreetMap Element is “enabled” !!

Thanks !

[theTrixtaa]

Is there a way to zoom to a location using a link outside the map? => flyTo([lat, lng], 15),
Thank you in advance