Last Update: April 5, 2023
OpenStreetMaps are an open source equivilant to Google Maps. The OpenStreetMaps Element allows you to place a map anywhere in your content. Check out the OpenStreetMap website for more details on this project. Read on for details of all the Element options, and watch the video below for a visual overview.
How To Use The OpenStreetMap Element
The OpenStreetMap Element is a parent and child element, which allows you to place a single, or multiple, pins on a map.
The Children tab contains the individual items, while the other tabs are Parent Options, and affect the whole series of info items. You can start either by adding Child items, or customizing the parent options. These cover the functionality and style of the element as a whole.
To edit the child items, go to the Children tab and click the pencil icon to edit the existing item. The Child Item Options Panel appears. The main options here are the longitude and lattitude fields, which place the pin on the map. You can also search for a specific address, but the Longitude and lattitude will always be the most accurate. When a pin is active, you can also drag it’s position around the map, and you can customize the pins and add labels and more details.
If you want multiple pins on a map, you can then duplicate existing, or create new, content boxes by clicking on the Clone Item icon, or the + Add Marker button respectively.
On the General tab, you set the size and zoom level of the map, and determine which controls will be available to the user. There is also a Design tab, for further customization, and an Extras tab for Element animation.
Read below for a detailed description of all element options.
Note: Please note that the displayed options screens below show ALL the available options for the element. If you have Avada’s Option Network Dependencies turned on, you will only see options relevant to your selections, and so the options screen may look somewhat different.