Google地图添加删除折线

时间:2015-05-03 14:01:40

标签: google-maps google-maps-api-3 polyline google-polyline

我有一个关于从谷歌地图中删除“折线”的问题。在本文档中解释,如何添加或删除折线。 https://developers.google.com/maps/documentation/javascript/examples/polyline-remove?hl=de

但我的情况有点不同。 我有一个'addPolyline'功能,可以在谷歌地图上添加折线。使用此功能,我可以添加折线,所以我可以返回'折线对象',但我无法以相同的方式删除此多边形。

如果你点击'addLines',它可以画一条线,但如果我点击removeLine,它就不会被删除。

var map;
var flightPlanCoordinates;

function addPolyline(el){
    polyName = new google.maps.Polyline({
        path: el,
        strokeColor: '#FF0000',
        strokeOpacity: 1.0,
        strokeWeight: 2
  });
   return polyName;
}


function initialize() {
  var mapOptions = {
    zoom: 3,
    center: new google.maps.LatLng(0, -180),
    mapTypeId: google.maps.MapTypeId.TERRAIN
  };

  map = new google.maps.Map(document.getElementById('map-canvas'), mapOptions);

  flightPlanCoordinates = [
    new google.maps.LatLng(37.772323, -122.214897),
    new google.maps.LatLng(21.291982, -157.821856),
    new google.maps.LatLng(-18.142599, 178.431),
    new google.maps.LatLng(-27.46758, 153.027892)
  ];  
}

function addLine(el) {
  el.setMap(map);
}

function removeLine(el) {
  el.setMap(null);
}

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

这是小提琴:http://jsfiddle.net/aldimeola1122/gna00zwb/

我怎样才能实现这一目标,你能帮助我吗? 提前谢谢。

0 个答案:

没有答案