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>