Multi-level Maps

ID #1044

02. How to install Multi-Level Map to my website (detailed description)?

1. First of all, you need to extract the contents of the purchased zip file to your local computer using any compressed file extraction application (e.g. WinZip, 7Zip, WinRar, etc.).

Here is how you can do that using WinZip.

a) Run WinZip application.

Multi level Map Winzip

b) Click the “Open” button, locate your zip file and open it. You should see the contents of the archive:

Multi level Map Winzip

c) Now click the “Extract” button to extract the contents to some folder on your computer. For instance, “My Documents”.

2. Now you need to upload the map to your website. Navigate to the folder you have specified as the destination on the previous step and find the “locator” folder there. Note: the name of the folder corresponds to the name of the archive and depends on the actual map product. For instance, for US Multi-level Map it is “multi-level-us”.

3. Upload the entire map folder to the server using your usual FTP client. The following files are obligatory, please don't change their file names:

a. config.xml (this is the customized configuration file)

b. locator_map.swf (the engine file for the map)

c. The data folder including all subfolders.

The files listed below are not necessary, as they are intended to applying map adjustments in a browser.

a. xml_file_instruction.gif

b. color8.swf

c. locator_map_editor.swf

FTP upload Multi Level Map of USA

4. Now you need to insert the HTML code to your page where you want your map to be. Use this HTML code:

<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://fpdownload.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=8,0,0,0" width="500" height="500" id="locator_map" align="middle">
<param name="allowScriptAccess" value="sameDomain" />
<param name="movie" value="map/locator_map.swf" />
<PARAM NAME=FlashVars VALUE="config=map/config.xml"> 
<param name="quality" value="high" />
<param name="bgcolor" value="#ffffff" />
<embed src="map/locator_map.swf?config=map/config.xml" quality="high" bgcolor="#ffffff" width="500" height="500" name="locator_map" align="middle" allowScriptAccess="sameDomain" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" />
</object>

 

HTML code for Multi-Level USA Map

Note: the code above assumes that you uploaded map’s files to the same folder where the HTML page that will display the map is. If the files are stored in some other folder, you need to adjust the paths accordingly. For instance:

<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://fpdownload.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=8,0,0,0" width="500" height="500" id="locator_map" align="middle">
<param name="allowScriptAccess" value="sameDomain" />
<param name="movie" value="folder/map/locator_map.swf" />
<PARAM NAME=FlashVars VALUE="config=folder/map/config.xml"> 
<param name="quality" value="high" />
<param name="bgcolor" value="#ffffff" />
<embed src="folder/map/locator_map.swf?config=folder/map/config.xml" quality="high" bgcolor="#ffffff" width="500" height="500" name="locator_map" align="middle" allowScriptAccess="sameDomain" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" />
</object>

Additionally, you need to adjust the following parameter in the config.xml file:

path = "folder/map/data/"

Important! If you edit map's files locally, please don't forget to upload them back to your server when you're done to apply all changes made.

Test page with Multi-Level United States Map

You can use index.html as an additional example of how you can build the map into your webspage.

Tags: -

Related entries:

Last update: 2011-06-08 06:41
Author: Fla-shop Team
Revision: 1.3

Digg it! Share on Facebook Print this record Send FAQ to a friend Show this as PDF file
Please rate this FAQ:

Average rating: 0 (0 Votes)

completely useless 1 2 3 4 5 most valuable

You cannot comment on this entry