Navigation
Records in this category
- How to install a "Zoom World Map" on a web page?
- How to change the size of the map?
- I tried to add a link to a country in the map, but it is not working. Why?
- Can I use a transparent background, a solid background or other background image to the map?
- I inserted the HTML code for the map, but the flash map is not appearing on the page. Why?
- Can I add a point on this map?
- Can I have a single license and use the map multiple times on my website?
- How to quickly replace all the colors for each country?
- How to pass real time data into the flash map through a dynamic xml file instead of the default xml file so that the data the map shows is updated constantly every time a page is viewed or refreshed?
Tags
World Maps » Zoom World Map
How to install a "Zoom World Map" on a web page?
Just follow the simple steps listed below to install the map on your web page:
- Extract the purchased zip file on your local computer using any compressed file extraction application (e.g. WinZip, 7Zip, WinRar, etc.)
- Open the locator_start.html in your Internet Explorer or any other web browser application to see the Zoom World Map.
- Open the locator_map.xml file and start customizing it using the free Notepad++ or any other HTML / plain text editor applications. Please refer step 3, ‘Customizing the XML file’ section of locator_start.html file to refer the general settings to edit the XML file.
- You can verify the changes immediately by saving the .xml file and refreshing the browser window of the map (Press ‘F5’ Key for Windows / ‘Command’ + ‘R’ for Mac).
- Save the locator_map.xml file.
- Upload
the following files to the server, without changing the file name:
- locator_map.xml (engine file for the map)
- locator_map.swf (the customized configuration file)
- swfobject.js (the SWFObject Java script file)
- You can paste either the SWFObject code or the Non-SWFObject code to your web page where you wish the map to be rendered.
SWFObject Code:
<script type="text/javascript" src="swfobject.js"></script>
<script type="text/javascript">
var params = {
wmode: "transparent"
};
swfobject.embedSWF("locator_map.swf", "Map", "600", "300", "9.0.0", "", "", params);
</script>
<div id="Map"> </div>
Non-SWFObject Code:
<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://fpdownload.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,0,0" width="600" height="300" id="world" align="middle"> <param name="allowScriptAccess" value="sameDomain" /> <param name="movie" value="locator_map.swf" /> <param name="quality" value="high" /> <param name="bgcolor" value="#FFFFFF" /> <embed src="locator_map.swf" quality="high" bgcolor="#FFFFFF" width="600" height="300" name="world" align="middle" allowScriptAccess="sameDomain" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" /> </object>
Please Note: If the uploaded files (locator_map.xml, locator_map.swf and swfobject.js) are located at a different location, please update the file path for locator_map.swf and swfobject.js files.
e.g.
SWFObject Code:
The below given example shows that the swfobject.js and locator_map.swf files are located in the folder named ‘New_Folder’ on your web server.
<script type="text/javascript" src="/New_Folder/swfobject.js"></script>
<script type="text/javascript">
var params = {
wmode: "transparent"
};
swfobject.embedSWF("/New_Folder/locator_map.swf", "Map", "600", "300", "9.0.0", "", "", params);
</script>
<div id="Map"> </div>
Non-SWFObject Code:
The below given code shows that the locator_map.swf is located in the folder named ‘New_Folder’ on your web server.
<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://fpdownload.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,0,0" width="600" height="300" id="world" align="middle"> <param name="allowScriptAccess" value="sameDomain" /> <param name="movie" value="/New_Folder/locator_map.swf" /> <param name="quality" value="high" /> <param name="bgcolor" value="#FFFFFF" /> <embed src="/New_Folder/locator_map.swf" quality="high" bgcolor="#FFFFFF" width="600" height="300" name="world" align="middle" allowScriptAccess="sameDomain" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" /> </object>
Tags: HTML, insert, install, setup, Zoom World Map
Related entries:
- I inserted the HTML code for the map, but the flash map is not appearing on the page. Why?
- How to pass real time data into the flash map through a dynamic xml file instead of the default xml file so that the data the map shows is updated constantly every time a page is viewed or refreshed?
Last update: 2011-08-07 06:29
Author: Fla-shop Team
Revision: 1.9
You cannot comment on this entry