Locator Maps » Version 4.0

ID #1021

12. How to display some data in a popup window when a user moves the mouse over a region?

Open the locator_map.xml in any text editor and find the section of the region you want to display a popup for. Find the <comment> section. Type the desired text within this tag as shown below:

 

...
<state>
  <id>7</id>
  <name>Michigan</name>
  <link></link>
  <comment>Any text</comment> 
  <color_map>0x7798BA</color_map>
  <color_map_over>0x0054A6</color_map_over>
  <frame></frame>
  <image></image>
</state>
...
  <comment>Any text</comment> 

 

If you need to put in multiple lines of text, simply hit Enter after each line:

 

...
<comment>Multiline text sample
Line 2
Line 3
</comment>
...

 

Additionally, you may display an image in the popup window. Here are the step-by-step:

1. Choose a picture you want to show. The image must be in JPG format, no more than 64x64 pixels.

2. Upload that picture to your website.

3. In the locator_map.xml find the <image> tag and put the URL of the uploaded image there:

 

...
<state>
  <id>7</id>
  <name>Michigan</name>
  <link></link>
  <comment>Any text</comment> 
  <color_map>0x7798BA</color_map>
  <color_map_over>0x0054A6</color_map_over>
  <frame></frame>
  <image>photo.jpg</image>
</state>
...

Don’t forget to save XML and upload it back to your website after any changes you made.

 

Tags: -

Related entries:

Last update: 2011-04-28 07:44
Author: Fla-shop Team
Revision: 1.0

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

Average rating: 0 (0 Votes)

completely useless 1 2 3 4 5 most valuable

You cannot comment on this entry