How to install multiple maps on the same page with using our file hosting service?
1- Generate the embed code for both maps:
- Go to "Options" and select map hosting. Then click "Host Files" and copy the embed code:


2) Use the following script to install the maps:
<script src="https://hosting.simplemaps.com/users/Your_map_embed_code_1/mapdata.js"></script>
<script src="https://hosting.simplemaps.com/users/Your_map_embed_code_1/statemap.js"></script>
<script>
simplemaps_statemap_mapdata.main_settings.div="map1";
var map1=simplemaps_statemap.create();
</script>
<script src="https://hosting.simplemaps.com/users/Your_map_embed_code_2/mapdata.js"></script>
<script src="https://hosting.simplemaps.com/users/Your_map_embed_code_2/statemap.js"></script>
<script>
simplemaps_statemap_mapdata.main_settings.div="map2";
var map2=simplemaps_statemap.create();
</script>
// Place the divs where you want your map to appear
<div id="map1"></div>
<div id="map2"></div>