Navigation
Records in this category
- 04. What are the requirements to install and use USA Zoom Maps?
- 01. How do I install the USA Zoom Map on a webpage?
- 02. How to install USA Zoom Map to my website (detailed description)?
- 03. Can I test the map locally?
- 20. Is it possible to install USA Zoom Map to WordPress (Joomla, Drupal, other CMS) website?
- 10. How to change the background color of the USA Zoom Map?
- 11. How to make the background of the map transparent?
- 12. How to set an image as a background for the map?
- 13. How to change the actual size of the map on a webpage?
- 22. How to change the names the states on the USA Zoom Map?
- 14. How to change the colors of each region on the map?
- 15. How to change the colors of texts on the map?
- 19. Is it possible to place the map multiple times on the same webpage?
- 16. How to display some data in a popup window when a user moves the mouse over a state?
- 17. Is it possible to display a formatted text in a popup window?
- 18. How to change colors of a popup window?
- 05. How to add or edit a pin? (video)
- 06. How to open a URL when a user clicks the pin?
- 09. How to open a URL in a new window?
- 07. How to display a popup window when a user moves the mouse over the pinpoint?
- 08. How to display some data on the page when a user clicks a pin?
- 21. Is it possible to update the map dynamically with a PHP/Perl/ASP script generating an appropriate XML “on the fly”?
Tags
Zoom Maps
16. How to display some data in a popup window when a user moves the mouse over a state?
Open the locator_map.xml in any plain-text editor and find the section of the region you want to display a popup for. Find the <info> section. Type the desired text within this tag as shown below:
... <state> <id>7</id> <name>Michigan</name> <URL></URL> <info>Any text</info> <color>0x7798BA</color> <color_>0x0054A6</color_> <frame></frame> <image></image> </state> ...
If you need to put in multiple lines of text, simply hit Enter after each line:
... <info>Multiline text sample Line 2 Line 3 </info> ...
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> <URL></URL> <info>Any text</info> <color>0x7798BA</color> <color_>0x0054A6</color_> <frame></frame> <image>photo.jpg</image> </state> ...
Don’t forget to save the XML and upload it back to your website after any changes you made.
...
<state>
<id>7</id>
<name>Michigan</name>
<URL></URL>
<info>Any text</info>
<color>0x7798BA</color>
<color_>0x0054A6</color_>
<frame></frame>
<image>photo.jpg</image>
</state>
...Tags: -
Related entries:
- 04. What are the requirements to install and use USA Zoom Maps?
- 01. How do I install the USA Zoom Map on a webpage?
- 02. How to install USA Zoom Map to my website (detailed description)?
- 22. How to change the names the states on the USA Zoom Map?
- 14. How to change the colors of each region on the map?
Last update: 2011-05-11 09:16
Author: Fla-shop Team
Revision: 1.0
You cannot comment on this entry