Question

我已经编写了这段代码，用Jquery ui map在地图中创建叠加。

    function drawTratta()

{

$.getJSON('json/getTratta.php?mode=set', function(data) {

  var flightPlanCoordinates = [];

  $.each(data.coord, function(i, item) 
    {

    flightPlanCoordinates.push(new google.maps.LatLng(item.latitudine,item.longitudine));  

    });


 $('#map_canvas').gmap('addShape', 'Polyline', 
{  'path': flightPlanCoordinates,
   'strokeColor': "#FF0000", 
   'strokeOpacity': 0.5, 
   'strokeWeight': 3, 
   'fillColor': "#FF0000", 
   'fillOpacity': 0.35 });


});

    }

嗯，该函数正确绘制一条线，但不知道如何从地图中清除线条！如果我再次调用该函数，则会在不取消上一行的情况下绘制另一条线。

在Jquery ui map中，您可以使用此功能清除标记：

$('#map_canvas').gmap('clearMarkers');

是否有类似的功能来清除折线叠加？

请有人帮助我！

提前致谢！

Answer 1

使用jquery-ui-map插件将是：

$("#map_canvas").gmap('clear', 'overlays');

对于特定类型：

$("#map_canvas").gmap('clear', 'overlays > Circle');

请注意这些选项上的大写字母（多边形，折线，矩形，圆形）。

如何清除jQuery UI地图中的叠加层？

1 个答案: