javascript - 当用户遍历 map 时，如何根据当前 map Canvas 绘制标记

Question

我已经使用谷歌地图 API 成功地绘制了标记。

var latlng = {lat: 34.7651458,lng: 121.453208};

map = new google.maps.Map(document.getElementById('map'), {
  center: latlng,
  zoom: 18
});

var marker = new google.maps.Marker({
  position: latlng,
  map: map,
  title: 'Marker!'
});
marker.setMap(map);

但是，如果用户遍历 map ，则 centre:latlng 会发生变化。如果我想为这个新的 centre 绘制一个新标记，我如何捕获 centre 中的更改以从 API 获取数据以绘制新标记。感谢您的任何建议。

Answer 1

您可以将dragend 事件监听器添加到 map (或者您也可以使用center_changed)。使用 map.getCenter() 获取 map 的中心并创建一个标记。

map.addListener('dragend', function() {
    var c = map.getCenter();                   //Get new center of the map

    var marker = new google.maps.Marker({      //Create a new marker and use the map's center as the location.
        position: c,
        map: map,
        title: 'Marker!'
    });
});