Embedding a Map with Drupal

Get A Map Embed Code

It's easy to embed a map created in the Mappedin Map Editor into any web page. Follow the steps below to copy a embed map code snippet.

1. Log into the Mappedin Map Editor.


2. Open the map to embed.


3. Click on the Preview button.


4. Click on the "Share" button.


5. If the map is in Draft status, use the drop down to change it to Live.





6. Click on the "Copy Embed" button.

   

   The code to embed the map has now been copied to the clipboard.

Embed the Map Code

Follow the steps below to embed a map as it appears in the Mappedin Viewer into a page on a web site created using Drupal.

1. In the Drupal Editor, open the page to embed the map.
2. Under Content, click the 3 dots and change formatting to Source.
3. Paste the Mappedin embed code.
4. Click Save or Preview to preview the page with the map.

The map should now appear on the web page similar to the screen shot below.

Not seeing the map?

Drupal may filter <iframe> tags for security reasons. To allow iframes in content, follow these steps:

1. Go to Configuration > Content Authoring > Text formats and editor
2. Select Content and click Configure
3. Under Enabled filters, disable the toggle for Limit allowed HTML tags and correct faulty HTML filter.
4. Save configuration.