Navigation
Records in this category
- 03. What are the requirements to install and use Multi-level Maps?
- 01. How do I install the Multi-level Map on a webpage?
- 11. Is it possible to install Multi-level Map to WordPress (Joomla, Drupal, other CMS) website?
- 07. How to change the background color of the Multi-level Map?
- 08. How to make the background of the map transparent?
- 09. How to set an image as a background for the map?
- 12. How to change the actual size of the map on a webpage?
- 10. How to change the names on the Multi-level Map (countries, states, regions etc)?
- 05. How to change the colors of each region on the map?
- 06. How to change the colors of texts on the map?
- 04. How to open some URL when a user clicks on the map?
- 02. How to install Multi-Level Map to my website (detailed description)?
- 13. How to add a few cities? (video)
Tags
Multi-level Maps
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.

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

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

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>

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.

You can use index.html as an additional example of how you can build the map into your webspage.
Tags: -
Related entries:
- 03. What are the requirements to install and use Multi-level Maps?
- 01. How do I install the Multi-level Map on a webpage?
- 11. Is it possible to install Multi-level Map to WordPress (Joomla, Drupal, other CMS) website?
- 07. How to change the background color of the Multi-level Map?
- 09. How to set an image as a background for the map?
Last update: 2011-06-08 06:41
Author: Fla-shop Team
Revision: 1.3
You cannot comment on this entry