SquareSpace Upload Instructions | Documentation

It's easy to install our maps on Squarespace using file hosting. However, you can also self-host your map files on Squarespace.

Just follow these instructions:

1. Choose the map you want to install:
   HTML5 World Map HTML5 US Map HTML5 Canada Map HTML5 North America Map HTML5 County Map HTML5 State Map HTML5 Custom Map HTML5 Europe Map HTML5 UK Map HTML5 Australia Map HTML5 Country Map Note: screenshots will assume a US map.

2. Customize your map using our online customization tool.

3. Download the mapdata.js and worldmap.js files from the online editor via Options --> Download Map (.zip).

4. Once you have downloaded your map files, go to your SquareSpace website homepage where you need to create a new page and disable it. We will use the new page to upload the mapdata.js and worldmap.js files.

   

5. Enter edit mode for the page we just created and add a new blank column.

   

6. Add two texts to the section: mapdata.js and usmap.js. Select one of them and go over to the link option where you are going to click the gear icon.

   

7. Go to files, upload both, the mapdata.js and worldmap.js files, and select one of them. I did mapdata.js first. Click save when done uploading.

   

8. Copy the mapdata.js link URL and repeat the same steps for the other file using the worldmap.js text.

   

9. Now, you should have both link URLs for the two files. We need to use them in the following embedded code.

   <script src="/s/mapdata.js"></script>
   <script src="/s/usmap.js"></script>
   <div id="map"></div>
   

   where /s/mapdata.js and /s/usmap.js are the two URLs you saved.

10. Paste the embedding code into SquareSpace where you want the map to appear. For step-by-step instructions on this, follow our SquareSpace install tutorial starting in Step 4.