谷歌地图:在正确的位置创建点后更新我的地图

时间:2017-12-18 11:11:01

标签: google-maps

我尝试使用谷歌地图,我有问题。当我编辑位置创建点谷歌地图复制我的点,我得到两点:新旧。

let pointCord = [];    
function createRoute(e) {
const lat = e.latLng.lat();
const lng = e.latLng.lng();

pointCord.push(new google.maps.LatLng(lat, lng));

const flightPathOptions = {
  path: pointCord,
  editable: true,
  draggable: true,
  strokeColor: '#000',
  strokeOpacity: 1.0,
  strokeWeight: 5,
  map
};

flightPath = new google.maps.Polyline(flightPathOptions);
const getPath = flightPath.getPath();

map.addListener('click', createRoute);

我尝试应用此代码

google.maps.event.addListener(getPath, 'set_at', function(){
   pointCord = getPath.getArray();
   createRoute(e);
});

但不要帮助我。如何删除旧点并更新我的地图?

1 个答案:

答案 0 :(得分:0)

你的问题是flightPath内部的createRoute。需要你的flightPath出你的功能。

    const flightPathOptions = {
      path: pointCord,
      editable: true,
      draggable: true,
      strokeColor: '#000',
      strokeOpacity: 1.0,
      strokeWeight: 5,
      map
    };

    flightPath = new google.maps.Polyline(flightPathOptions);
    const getPath = flightPath.getPath();

    function createRoute(e) {
       getPath.push(e.latLng);
    }

    map.addListener('click', createRoute);