Interactive Globes

3D World Maps for WordPress

Topic: Markers

  • Adding custom HTML Markers

    —

    by

    Using HTML custom markers opens a world of possibilities, since you can use your own code to create the marker you need. Below is an example of a custom HTML marker that displays the marker title, adds some background and a cool hover effect. You can create a template, using placeholders, that will display as…

  • How to add custom image markers

    —

    by

    When adding a marker you can set it to be any custom image you want. When adding a new marker, you’ll have the option to enable customization and select the ‘Image’ marker type. You can then upload your image and set the different settings like size and orientation. If you want to use the same…

  • Choropleth maps and color coded and sized markers

    —

    by

    When using the External Data Sources Addon you can use your data to create choropleth maps (sometimes refered to as heatmaps or heat maps) or have your markers size and colour depend on values from you data. In the plugin, for markers ( points and dot labels ) this option is called ‘Auto calculate’ and…

  • Action Content Template

    —

    by

    In the Pro version, when using the External Data Sources addon, you can control the Action Content using templates. You can use placeholders in the template that will be replaced with the content of that property. This is particularly useful if you’re using external data sources with several properties with data, since you’ll have more…

  • Tooltip Template

    —

    by

    In the Pro version you can control the content of the tooltip using templates. In the Tooltip section you can set a global template and on each data type (Regions and Markers) it’s possible to override that template. You can use placeholders in the template that will be replaced with the content of that property.…

  • Populating Globe with JSON data – Addon

    —

    by

    Using the Extended Sources Addon together with the Pro version, you can populate the globe with JSON data. The data can be static, including it in the globe edit screen or use a URL to an external JSON file. Example of JSON data: Top populated cities in the world 2024 Once you have the addon…

  • Add Different Layers of Data to Globe

    —

    by

    You can include data from different globes into a parent globe using the ‘Data Layers’ feature. This will also allow you to enable a filter if needed, to navigate between the different sets of data. To do this you simply need to go into the ‘Data Layers and Filters’ tab of you globe and select…

  • Display a autocomplete dropdown with search feature

    —

    by

    To display a search dropdown, you need to enable it in the ‘External Controls’ tab of your globe. Editing the labels will also allow you to translate and localize it to your needs. Selecting an entry in the dropdown will rotate the globe to bring the selected entry into view and trigger their click action.…

  • How can I set a marker or region to open a URL?

    —

    by

    For each marker (point or dot label) or region you can add the URL in the ‘Action Content’ field. Then in the ‘Default Values’ section, make sure you select ‘Open URL’ in the ‘Click Action’ option.

  • Where can I get coordinates for a marker?

    —

    by

    You can get the coordinates of a particular location clicking it on the preview of the globe and then use option to add a marker, dot label or other element to the map directly from the preview. If you want precise coordinates you can use sites like GetLatLong or LatLong.net. If you’re using the Pro version, in the…