World Map Locator Fix 3.9

FLA-SHOP.com - Interactive Maps with Greater Impact!

World Map Locator Fix 3.9

Click on the blue countries to fix the popup-window inside the map.

Click on the green countries to display information on the outside of the map.

Feel free to try the map on the local server. As you can notice, clicking on a state causes information to be displayed beside the map. This can be entirely customized. The extra display might not work locally, because of Adobe's security settings. This is not a big issue, and only happens when run locally because the security settings of Adobe are not the same locally and for a server. You can fix this problem by doing this: Configuring Adobe Flash Player Settings. This should fix the problem.

Examples of customers

Map samples

Variants of using a map locator

Real estate websites
Travel websites
Quick display of contact information

What's new

This is a new type of a map which we have developed. It has instant display of information related to the state that was clicked. This information remains there, without the user having to maintain the position of the mouse, as in most other maps we offer. There is no need for further clicking, scrolling or choosing from a dropdown box.
The information displayed for a State remains active and displayed on the screen once the state has been chosen.
This type of user interface has been used in products such as "usa map locator fix active" and "golden world and usa map fix active". Many clients using this system have reported a significant improvement in the appearance and usability of their site information.
It allows users to find the necessary information faster.

You can choose any color for a background or make a background transparent
Improved small buttons functionality
Off/on sounds
Opportunity to add an image (format JPG, size 64*64 px) in popup window
Improved ability to work with text comments
It is now possible to set the name of an XML-file as a parameter in the HTML code.
The size of the popup windows can increase for larger texts. The size is automatically defined based on volume of the text. Now you can add more information into the description.

Features

small file size, low overhead (webtraffic)
innovative & unique Flash Map Interface
URL & PHP & Mysql linking
self selection of colors, look & feel, captions and more - all 100% customizable!
customization via XML; no flash modifications required
Any setting can be achieved using an external XML file; this allows integration of a flash map into any application with easy and dynamic modification of map information
customization popup-windows and tooltip
compatible with all scripting languages like ASP, PHP, ColdFusion, Perl, etc.
Use any programming language to create an XML source file and transfer it to your Flash object, or simply use an XML file from your server

Adjustment

All adjustments and customizations are made in the .XML file. It can be opened with a standard HTML editor like. Certainly, you can use any other web editors which are available at the market. The configurations and customizations are made on your local computer. After configuration and customization you only have to upload the edited files to your webserver directory. Thats it!

name_color="ffffff" Color of name of State

name_shadow_color="000000" Color of shadow of a name

name_font_size = "11" Font size

background_color = "ffffff" Color of background

borders_color = "ffffff" Color of borders

popup_background_color = "ffffff" Color of background of popup box

popup_borders_color = "999999" Color of borders of popup box

popup_text_color = "000000" Color of text in popup box

sounds = "on" On/off sounds

animated_state = "off" On/off rollover effect

gradient = "off" On/off gradient on States

fix_active = "0xff0000" Color of selected State

For each State it is possible to define the name, color, rollover color, link URL, the description (if it is necessary) and the target frame.

<country>
 <id>16</id>
 <name>France</name>
 <URL>#</URL>
 <info><![CDATA[<font size='12'><b>Name Surname</b></font>
<font size='10'>Business Development Manager</font>
<textformat tabstops='[40]'>
Tel:<tab>000 123 456 7890
Fax:<tab>000 123 456 7890
Email:<tab><a href="mailto:mail@domain.com">mail@domain.com</a>
Web:<tab><a href="http://www.fla-shop.com">www.fla-shop.com</a></textformat>]]>
 </info>
 <color>0x04abf2</color>
 <color_>0x0000CC</color_>
 <frame>_top</frame>
 <image>photo.jpg</image>
</country>

<name>Idaho</name> Here you can set the name that will appear when a state is hovered over

<link>http://www.fla-shop.com</link> The url a click will send the user to. Must be in the form:
http://www.yourdomain.com or
http://www.yourdomain.com/page.html or /directory/page.html
It is also possible to define custom JavaScript.

<comment>This is description</comment> The text that will be displayed inside of a popup box for the specified state. To begin a new line, press "Enter", or use a code ||

<color_map>0x7798BA</color_map> Color of the state in format RGB. For example dark blue - 0x0000FF. You can use our color picker to help you generate these color codes.

<color_map_over>0x366CA3</color_map_over> The color of the state upon being hovered over.

<frame>_top</frame> You can define the target frame for link. It is used, if it is necessary for you to open a new window of a browser, or to display the data in the frame, without reloading pages.

<image>photo.jpg</image> Name of image file. It can be the image in the size 64*64 px (jpg). This image will be displayed in the popup-window.

To setup a transparent background it is necessary to make parameter "background_color" equal 0.

Installation of a map on a site

1. Upload the SWF and XML files to your website.

This should be the following files
- locator_map.swf
- locator_map.xml
- data.swf

2. This tag must appear on the page you want to show the flash-map.
Copy and paste the following code to your website:

<OBJECT classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000"
 codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,0,0"
 width="600" height="300" id="locator_map" ALIGN="">
 <PARAM NAME=movie VALUE="locator_map.swf">
 <PARAM NAME=FlashVars VALUE="xmlfile1=locator_map.xml&datafile=data.swf"> 
 <PARAM NAME=quality VALUE=high>
 <PARAM NAME="wmode" VALUE="transparent">
 <PARAM NAME=bgcolor VALUE=#FFFFFF>
 <EMBED src="locator_map.swf?xmlfile1=locator_map.xml&datafile=data.swf" quality=high  wmode="transparent"
  bgcolor=#FFFFFF  width="600" height="300" NAME="locator_map" ALIGN=""
 TYPE="application/x-shockwave-flash" PLUGINSPAGE="http://www.macromedia.com/go/getflashplayer"></EMBED>
</OBJECT>

Pay attention, that name of XML and SWF files is passed as parameter.

If map files are located in a different directory to the HTML-page for the map then it is necessary to specify a path to files SWF and XML.
For example

<OBJECT classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" 
codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,0,0" 
width="600" height="300" id="locator_map" ALIGN="">
<PARAM NAME=movie VALUE="directory/locator_map.swf">
<PARAM NAME=FlashVars VALUE="xmlfile1=directory/locator_map.xml&datafile=directory/data.swf">
<PARAM NAME=quality VALUE=high>
<param name="wmode" value="transparent">
<PARAM NAME=bgcolor VALUE=#FFFFFF>
<EMBED src="directory/locator_map.swf?xmlfile1=directory/locator_map.xml&datafile=directory/data.swf"
 quality=high wmode="transparent" bgcolor=#FFFFFF width="600" height="300" NAME="locator_map" ALIGN="" 
TYPE="application/x-shockwave-flash" PLUGINSPAGE="http://www.macromedia.com/go/getflashplayer"></EMBED>
</OBJECT>

Also you can use JAVASCRIPT for insert an SWF-object. To read more details on this , click the following link:
http://code.google.com/p/swfobject/

Adding information next to the map

1. This JAVASCRIPT must appear in the <HEAD> section of page.

<SCRIPT>
function set_text(div_name)
{
document.getElementById('main_text').innerHTML=document.getElementById(div_name).innerHTML;
}
</SCRIPT>

2. You can use JAVASCRIPT or AJAX to display relevant information beside the map.
In this demo, we used javascript to accomplish the same effect.
This is how it works:
We have created a simple table in HTML.
- In the left cell, there is the code for the map.
- In the right cell, the output is displayed for the applicable state (when clicked).
You can have this effect on select states. You can choose which states generate a display beside the map.

For each state, a DIV tag is created. Each of these DIVs has the following setting:
parameter style='Display:none'
This ensures that the blocks of text are invisible when the page loads.

<DIV id=div1 style="DISPLAY: none" class=divclass>
<b>Region name</b><br><br>

<b>Sample Art & Design, Ltd.</b><br>
1234 Sample Road<br>
City, Region name, Country, 12345<br>
123-45-6789<br>
<a href="#">http://www.sample-domain.com</a>
<br><br>
</DIV>

When a state is clicked, a javascript function "set_text" is called.
This function copies the data from the corresponding invisible block (determined by the ID of the state that was clicked).
This copied data is then set into the main DIV, called "main_text".
"main_text" is always visible, and so the user sees the relevant data.
This is just one of the possible ways to use this map. The same strategies could be used for various visually- appealing features, such as:
- filling out forms for select states by toggling various input sections of a form, and sending information
- even custom javascript functions can be called.

Color Picker

Troubleshooting.

Q. Javascript or linking is not working properly when I test my map locally?

A. The default security settings in Adobe need to be configured properly to allow the map to function properly in a local setting. See below for instructions on how to achieve this.

Configuring Adobe Flash Player Security Settings

When a flash file is published on a server, the default security settings allow the file to communicate with other websites, and pull dynamic content. However, in a local environment, Flash Player 8+ will not be able to communicate with the internet by default. A quick change of settings is required for your map to function properly.

Adobe Flash Player version 8 and higher requires you to specify that Flash content on your computer may communicate with the Internet, such as open website URLs. These settings are not required when you publish your flash content in the Internet.

If your map's links are not functioning properly, this is what you need to do:

1. Open Adobe Flash Player Setting Panel
http://www.macromedia.com/support/documentation/en/flashplayer/help/settings_manager04.html
2. Under Adobe Flash Player's settings panel, click the "Edit locations..." dropdown box.
3. Click "Add location".
4. Select the folder containing the map.
5. Close and open the map again.

After following these steps, the map should work exactly as it would online on a server.

Q. The map is displayed with a black background and interactive functions do not work.

A. Wrong html code has been used for the insert flash object. Perhaps you forgot to add flashvars information about the path to XML-file, or use an incorrect path to the XML-file. Use the code which you can find on this page. Also this code can be found in a source code of a file *.html

It is possible to use javascript for an insert flash object. For more information click this link http://code.google.com/p/swfobject/

Q. Why do I see a message prompting me to "click to activate and use this control" when I roll my mouse over a Flash animation?
A.

http://www.adobe.com/designcenter/popular_topics/click_to_activate/

http://code.google.com/p/swfobject/

Fla-shop.com Licensing Information

World Map Locator Fix 3.9

Price, USD ($)

Single License

One website
(allowed to use different servers for testing and development)
Unlimited time use
Free updates

$199

Buy now and save 10%!

Discount coupon code: FullLicense

$179.1
BUY NOW!

More maps and Information on website Fla-shop.com

FLA-SHOP.com - Interactive Maps with Greater Impact!