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
01. How do I install the Multi-level Map on a webpage?
Follow these steps to install the map to your webpage.
1. Extract the contents of the purchased zip file to your local computer using any compressed file extraction application (e.g. WinZip, 7Zip, WinRar, etc.)
2. Upload the following files to the server, without changing 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.
3. 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/"
You can use index.html as an additional example of how you can build the map into your webpage.
Tags: -
Related entries:
- 03. What are the requirements to install and use Multi-level Maps?
- 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?
- 12. How to change the actual size of the map on a webpage?
Last update: 2011-06-03 07:43
Author: Fla-shop Team
Revision: 1.3
You cannot comment on this entry