点击地图图片和显示值

Question

问题： 我有一个美国地图，并在地图上创建了热点，我需要根据他们点击的热点在地图下方显示某些值。

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

下面显示的值是名称，标题，电话和电子邮件，可能有多个人根据他们分配的位置出现。

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

当有人点击加利福尼亚热点时，只有乔史密斯的信息会出现在地图下方。当有人点击内华达州的热点时，乔和约翰的信息会出现在地图下方。

我希望这可以在JavaScript或PHP，因为我将它嵌入到Wordpress页面。谢谢！

Answer 1

最好的事情是使用jQuery。当用户点击它取消隐藏的区域（隐藏之前）或将html写入元素。

样品JQUERY

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