0

私が作成しようとしているのは、ユーザーがマーカーをマップに配置するための「クリック」イベントです。ユーザーがマーカーの位置を変更したい場合は、マーカーを必要な場所にドラッグできます。しかし、ドラッグスタートとドラッグエンドはうまくいかず、その理由がわかりません...

および「Uncaught TypeError: Undefined のプロパティ '_ e3 ' を読み取れません」というエラーがエラー ログに記録されています。あなたの助けに感謝します

 <script type="text/javascript">
var map;
var geocoder;
var marker;
var mapOptions
function initialize() {
     mapOptions = {
      center: new google.maps.LatLng(3.1597,101.7000),
      zoom: 12,
      disableDefaultUI: true,
      mapTypeId: google.maps.MapTypeId.ROADMAP,
       mapTypeControl: true,
    mapTypeControlOptions: {
    style: google.maps.MapTypeControlStyle.DROPDOWN_MENU,
    position: google.maps.ControlPosition.TOP_LEFT
          },
    };
     map = new google.maps.Map(document.getElementById("map-canvas"),
        mapOptions);
     geocoder = new google.maps.Geocoder();

      google.maps.event.addListenerOnce(map, 'click', function(event) {
            placeMarker(event.latLng);
          });
      function placeMarker(location) {
            marker = new google.maps.Marker({
            position: location,
            map: map,
            draggable:true
          });
        }
          google.maps.event.addListener(marker, 'dragstart', function(evt){
            document.getElementById('current').innerHTML = '<p>Currently dragging marker...</p>';
        });
        google.maps.event.addListener(marker, 'dragend', function(evt){
          document.getElementById('current').innerHTML = '<p>Marker dropped: Current Lat: ' + evt.latLng.lat().toFixed(3) + ' Current Lng: ' + evt.latLng.lng().toFixed(3) + '</p>';
      });



}
google.maps.event.addDomListener(window, "load", initialize);


</script>

dragend と dragstart イベントが機能していることを確認するために、HTML に ID を追加して、最新の緯度と経度を表示しました

  <div id="current">Nothing yet...</div>
4

1 に答える 1

0

の 2 つの呼び出しを に移動する必要がありますaddListener。placeMarkerそうしないmarkerと、実行時に未定義になります。

于 2013-04-16T16:51:21.167 に答える