Drupal Installation | Documentation

Our maps are fully compatible with the Drupal CMS. Below, we'll walk you through the installation process with step-by-step instructions and screenshots:

1. First, choose the map you want to install
   HTML5 World Map HTML5 US Map HTML5 Canada Map HTML5 North America Map HTML5 County Map HTML5 Congress Map HTML5 State Map HTML5 Custom Map HTML5 Europe Map HTML5 UK Map HTML5 Australia Map HTML5 Country Map

2. Customize your map using our online customization tool.

3. Host your map files on SimpleMaps.com (detailed instructions). Note: You could also self-host the map files by uploading the mapdata.js and worldmap.js files to your server over FTP. However, it is simpler to use our hosting.

4. Copy the embedding code from the online customization tool. It should look something like this:

   <script src="https://hosting.simplemaps.com/users/RANDOM_ID/mapdata.js"></script>
   <script src="https://hosting.simplemaps.com/users/RANDOM_ID/worldmap.js"></script>
   <div id="map"></div>

5. Login to Drupal.

6. Select Find content to view all of the content on your website. Find the page or article where you'd like to install the map and click edit. Alternatively, create a new page or article for your map.

   

7. Paste the embedding code from Step 4 into the Body of the article/page.

   

8. Scroll down and change the page's Text format to Full HTML. This lets Drupal know that you've pasted in some HTML/JavaScript that it should execute as code.

   

9. Scroll down and click the Save button.

   

10. Navigate to the page or article that you just updated and you'll see your map!

    

11. If you have trouble, or need help, please contact us.