iMapBuilder Flash | Custom Map | Blog | Contact Us           

Embed Responsive Maps to Drupal

Follow the steps below to embed the responsive maps to Drupal 6.

  1. After creating the HTML5 Maps, publish the map project and then upload the map files to the server or web hosting.
  2. In the Publishing window, check the "Use full path for the embed code" and type the URL of the HTML5 map has been saved (For example: http://www.example.com).
  3. Click the "Copy to Clipboard" to copy the map embed code.
  4. Login to the Drupal account.
  5. In the Admin menu, click the "Create Content".
  6. There are two types of contents: Page & Story. Select the one you want to create.
  7. After entering the title and content, click Input format under the content editor
  8. Select "Full HTML" under the Input format.
  9. Paste the HTML5 map embed code in the content editor.
  10. Click "Save" to publish the embedded interactive map.

Follow the steps below to embed the HTML5 maps to Drupal 7.

  1. After creating the HTML5 Maps, publish the map project and then upload the map files to the server or web hosting.
  2. In the Publishing window, check the "Use full path for the embed code" and type the URL of the HTML5 map has been saved (For example: http://www.drupal.com).
  3. Click the "Copy to Clipboard" to copy the map embed code.
  4. Login to the Drupal account.
  5. In the Admin menu, click the "Create Basic Page".
  6. Select "Full HTML" in the Text Format box.
  7. Click the "Source" icon in the toolbar.
  8. Paste the HTML5 map embed code in the content editor.
  9. Click "Save" to publish the embedded interactive map.

* If you do not have a FTP hosting server, please try our Instant Sharing which can upload the map to our cloud server.

iMapBuilder for Windows

Download Free Trial