點擊地圖圖片和顯示值

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'); 
});