|
Steps:
1. Go to the registration
page of iMapBuilder online map editor. Click 'Try it free'
for testing purpose or 'sign up' button to sign up a plan
2. Enter your email and password for
existing user, or enter an email to register a new account. You will
then receive an email showing your email address and password to login.
3. Click 'Create New Interactive map' to create a
clickable World map.
4. Select clickable world map templates or import
your own custom map image in GIF, JPG or PNG formats.
.
5.Under map properties section, you can set the map title,
background color, size, tooltip colors, etc. You can also set the
colors, add a hyerlink or rename the regions under countries/states
section.
6. Click 'Point and Label'at the top of the map. A pop
up box is now displayed, click 'add new point' or 'add new label'.
Then click on the map where you want to place the placemark.
7. The placemark is now added.
8. Click edit to edit the placemark. It is possible
to change the placemark icon, add a tooltips for additional information
or a hyperlink and redirect users to other page.
9. Click "Preview" in the menu bar to see
how it will look in the browser.
10. Save the map project by clicking 'save' button.
11. Select File->Publish to publish the map, copy
the embed code.
12. Login Drupal admin panel. At the top of your
menu, you'll find a link called "create content". Click
this link and you'll see two preconfigured content types enabled by
default, 'Page' and Story'. Click the content type you want to create.
13. Fill in the Title and content. Click Input format.
14. Select 'Full HTML' in the Input Type
15. Paste the embed code of interactive map in the
body field. Delete <!-- Begin iMapbuilder Code--> and
<!-- End iMapbuilder Code-->
16. Click Save. The interactive map is now inserted into your
Drupal page.
|