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

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

当有人点击加州的热点时，只有Joe Smith的信息会出现在地图下方。当有人点击内华达的热点时，乔和约翰的信息都将出现在地图下方。

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

Answer 1

最好的事情是使用jquery。当用户单击它取消隐藏的区域（隐藏前一个）或将html写入元素时。

示例JQUERY

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