ドラッグ時のカーソル位置の取得方法は？

Google map v3で作業しています。そして、私はJavaスクリプトの初心者です。ドラッグしたとき（ドラッグ前後）に、ウェブブラウザ上でカーソルの位置を取得する方法を知っていますか？教えてください。ドラッグ時のカーソル位置の取得方法は？

出典

2012-05-10 TM500

あなたは（緯度、経度）、またはピクセル位置を意味していますか？ –

私が持っている最良の選択肢は、地図の中心点（緯度、経度）の動きを追跡することです。ドラッグイベントは、マウスの位置を地図上に表示していないようです。ここ

ビュー：http://jsfiddle.net/Hfu8D/

<!DOCTYPE html> 
<html> 
    <head> 
    <style type="text/css"> 
     html, body, #map_canvas { margin: 0; padding: 0; height: 100% } 
    </style> 
    <script type="text/javascript" src="http://maps.googleapis.com/maps/api/js?sensor=false"></script> 
    <script type="text/javascript"> 
     var map; 
     var mapOptions = { center: new google.maps.LatLng(0.0, 0.0), zoom: 2, 
     mapTypeId: google.maps.MapTypeId.ROADMAP }; 

     function initialize() { 
     map = new google.maps.Map(document.getElementById("map_canvas"), mapOptions); 

     google.maps.event.addListener(map, 'dragstart', function(event) { 
      document.getElementById("start").value = map.getCenter(); 
     }); 

     google.maps.event.addListener(map, 'dragend', function(event) { 
      document.getElementById("end").value = map.getCenter(); 
     }); 


     } 
     google.maps.event.addDomListener(window, 'load', initialize); 
    </script> 
    </head> 
    <body> 
    start: <input id="start" size="30"><br> 
    end: <input id="end" size="30"> 
    <div id="map_canvas"></div> 
    </body> 
</html>

出典

2012-05-10 00:51:17

あなたがマップのmousemoveイベントを使用してカーソルが移動するようにリアルタイムでテキストボックス（または他の要素）を更新するイベントリスナーを追加することができます。ここで

は（ミアのJSフィドルからフォーク）の例です：

http://jsfiddle.net/76VLh/3/

出典

2012-05-10 21:16:05 andresf

ドラッグ時のカーソル位置の取得方法は？

答えて

関連する問題