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

Click Map Image and Display Values

本文关键字：显示 图像 映射 单击      更新时间：2023-09-26

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

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页面。谢谢

最好的方法是使用jquery。当用户单击该区域时，它将取消隐藏(隐藏以前的(或在元素中写入html。

JQUERY 样品

$('#location').click(function() {
   $('#someElement').html('NAME, Address, Phone');
});
相关文章：