地図画像と表示値をクリックしてください

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の情報のみが地図の下に表示されます。誰かがNevadaのホットスポットをクリックすると、JoeとJohnの情報が地図の下に表示されます。

私はこれをWordPressのページに埋め込んでいるので、JavascriptやPHPに入れたいと思っています。ありがとう！

Answer 1

jqueryを使用することをお勧めします。ユーザーが領域をクリックすると、その要素は非表示になり（前に隠れる）、htmlを要素に書き込む。

サンプルjQueryの

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