单击“映射图像和显示值”

Question

Problem: I have a map of the United States and have created hotspots on the map and I need to display certain values below the map based on the hotspot that they click.

example: <area shape="poly" coords="575,129,590,126" id="location1" href="" />

The values that will be displayed below are Name, Title, Phone, and Email and there might be multiple people that come up based on where they are assigned.

Example:
Joe Smith is assigned to California, Nevada, and Washington
John Conner is assigned to Nevada, and Washington

When someone clicks the hotspot for California, only Joe Smith's info will come up below the map. When someone clicks on the hotspot for Nevada, both Joe and John's info will come up below the map.

Im hoping this can be in Javascript or PHP as I am embedding it on a Wordpress page. Thanks!

Answer 1

Best thing is to use jquery. When the user clicks the area it unhides (hides previous) or writes the html in an element.

Sample JQUERY

$('#location').click(function() {
   $('#someElement').html('NAME, Address, Phone');
});