Embed Responsive Maps to Drupal
Follow the steps below to embed the responsive maps to Drupal 6.
- After creating the HTML5 Maps, publish the map project and then upload the map files to the server or web hosting.
- 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).
- Click the "Copy to Clipboard" to copy the map embed code.
- Login to the Drupal account.
- In the Admin menu, click the "Create Content".
- There are two types of contents: Page & Story. Select the one you want to create.
- After entering the title and content, click Input format under the content editor
- Select "Full HTML" under the Input format.
- Paste the HTML5 map embed code in the content editor.
- Click "Save" to publish the embedded interactive map.
Follow the steps below to embed the HTML5 maps to Drupal 7.
- After creating the HTML5 Maps, publish the map project and then upload the map files to the server or web hosting.
- 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).
- Click the "Copy to Clipboard" to copy the map embed code.
- Login to the Drupal account.
- In the Admin menu, click the "Create Basic Page".
- Select "Full HTML" in the Text Format box.
- Click the "Source" icon in the toolbar.
- Paste the HTML5 map embed code in the content editor.
- 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.
[ Top of Page ]