Googleマップは、1つの画像に対していくつかのクリックイベント処理を実装しましたか？

私はGoogleマップで、コントロールパネルが画像全体であることが判明：
enter image description here Googleマップは、1つの画像に対していくつかのクリックイベント処理を実装しましたか？

しかし、あなたはそれの異なる位置をクリックしたとき、あなたは異なった事を成し遂げることができます。私はこれをどのように実装することができますか？

出典

2011-07-19 wong2

それは一つのイメージだが、その背景としてではなく、異なる位置でそれを使用するオブジェクトの束があります。彼らは召喚されましたsprites

出典

2011-07-19 10:48:00 ianbarker

Javascript onclickイベントオブジェクトにはクリック座標に関する情報があります。ここでは、その情報を抽出して使用する方法の例です。ここから

盗まれた：http://www.emanueleferonato.com/2006/09/02/click-image-and-get-coordinates-with-javascript/

<html> 
<head> 
<script language="JavaScript"> 
function point_it(event){ 
    pos_x = event.offsetX?(event.offsetX):event.pageX-document.getElementById("pointer_div").offsetLeft; 
    pos_y = event.offsetY?(event.offsetY):event.pageY-document.getElementById("pointer_div").offsetTop; 
    document.getElementById("cross").style.left = (pos_x-1) ; 
    document.getElementById("cross").style.top = (pos_y-15) ; 
    document.getElementById("cross").style.visibility = "visible" ; 
    document.pointform.form_x.value = pos_x; 
    document.pointform.form_y.value = pos_y; 
} 
</script> 
</head> 
<body> 
<form name="pointform" method="post"> 
<div id="pointer_div" onclick="point_it(event)" style = "background-image:url('sun.jpg');width:500px;height:333px;"> 
<img src="point.gif" id="cross" style="position:relative;visibility:hidden;z-index:2;"></div> 
You pointed on x = <input type="text" name="form_x" size="4" /> - y = <input type="text" name="form_y" size="4" /> 
</form> 
</body> 
</html>

出典

2011-07-19 10:46:43 bezmax

あなたがHTMLイメージマップを使用することができます。これらは、画像内でクリック可能であり、互いに区別可能な領域を定義します。

は、以下のリンクを参照してください。

出典

2011-07-19 10:47:05

Googleマップは、1つの画像に対していくつかのクリックイベント処理を実装しましたか？

答えて

関連する問題