0

我要创建的是一个“单击”事件，供用户在地图上放置标记，此外，如果用户想要更改标记位置，用户可以将标记拖到他们想要的位置。但是 dragstart 和 dragend 不是诀窍，我不知道为什么......

和“未捕获的类型错误：无法读取未定义的属性 '_ 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 以显示最新的 lat 和 lng

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

1 回答 1

0

addListener您应该移动into的两个调用placeMarker，否则marker在执行时未定义。

于 2013-04-16T16:51:21.167 回答