World Maps » Zoom World Map

ID #1000

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:

  1. Extract the purchased zip file on your local computer using any compressed file extraction application (e.g. WinZip, 7Zip, WinRar, etc.)
  2. Open the locator_start.html in your Internet Explorer or any other web browser application to see the Zoom World Map.
  3. 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.
  4. 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).
  5. Save the locator_map.xml file.
  6. Upload the following files to the server, without changing the file name:
    1. locator_map.xml (engine file for the map)
    2. locator_map.swf (the customized configuration file)
    3. swfobject.js (the SWFObject Java script file)
  7. 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">&nbsp;</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">&nbsp;</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:

Last update: 2011-08-07 06:29
Author: Fla-shop Team
Revision: 1.9

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

Average rating: 1 (1 Vote)

completely useless 1 2 3 4 5 most valuable

You cannot comment on this entry