Load the map manually - HTML5/JavaScript Interactive Map Documentation

Load the map manually | Documentation

At times, it is useful to load the map manually, instead of allowing the map to load itself after the page has loaded. This can be useful when you are waiting for some information prior to loading the map. You can also use it in conjunction with the mobile_device property to change the appearance of the map for mobile devices.

To load the map manually:

Choose your map
Turn off auto-loading
Edit the mapdata.js file so that main_settings.auto_load='no';. This prevents the map from loading automatically.
Use JavaScript to load the map

simplemaps_worldmap.hooks.ready = function (){
  // optionally update simplemaps_worldmap.mapdata
  simplemaps_worldmap.load();
}

Note that simplemaps_worldmap.hooks.ready is a JavaScript hook that lets us know that the document has finished loading. It's equivalent to jQuery's $(document).ready.

Load the map manually | Documentation

HTML5 Map Documentation v4.5

Customization

Installation

How can I...

Troubleshooting

JavaScript API

Other common FAQs