0

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

4

2 に答える 2

0

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

次に例を示します（MiaのJS Fiddleからフォーク）：

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

于 2012-05-10T21:16:05.123 に答える
0

私が持っている最良の代替手段は、地図の中心点 (緯度、経度) の動きを追跡することです。ドラッグ イベントは、マップ上のマウスの位置を提供していないようです。

ここを見る：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-10T00:51:17.237 に答える