Interactive Map & Drop-Down Menu (DDM)
DDM Map Installation
Click here to view the file definitions.
• yourmap.swf – web-ready flash file of the map
• yourwebpage.htm – your webpage containing flash map
(htm, html, php, asp, jsp or any other type of the web page)
• regionmap_ddm.htm - downloaded html webpage containing flash map
• mapisland_files - downloaded folder containing interactive map set
• map code - html code to display the map on a webpage, the part of regionmap_ddm.htm page
• AC_RunActiveContent.js – Adobe active content update file*
(*) AC_RunActiveContent.js - active content update file. More about preparing your website to handle the
Microsoft changes to Internet Explorer here: Active Content Update Article
|
Step 1.
1.1. Extract content of the downloaded ZIP-file to Any Folder on your computer.
1.2. Insert the interactive DDM Map into your website. Copy the extracted folder mapisland_files and
paste it into the same folder where yourwebpage.htm page is.
See example.
Step 2.
2.1. Open regionmap_ddm.htm file with any text/html editor.
Select and copy the following map code:
<iframe width="550" height="550" src="mapisland_files/northamerica_ddm.htm" align=left frameborder="0" scrolling="no" style="border-color:#FFFFFF;" hspace=0 vspace=0 name="mapislandframe" allowTransparency="true"></iframe>
Paste the copied map code into the html code of your webpage (in the area where you want the map to
appear) yourwebpage.htm.
2.2. Insert the following JavaScript code into the HEADER of yourwebpage.htm
(right before the </head> html tag). See example.
<script src="mapisland_files/AC_RunActiveContent.js" type="text/javascript"></script>
Step 3.
Upload yourwebpage.htm and the folder mapisland_files to your webserver/FTP.
|