Question

我正在尝试按下按钮生成方向。用户选择位置指向a和b点，然后按下按钮并从该点a到b点编码绘制方向。我已成功完成此代码，但我无法删除以前在地图上绘制的路线。请参阅图片链接http://i.stack.imgur.com/z1fqo.png 。我想从地图中移除a，b方向，因为它是最后一个方向。

$et_main_map.gmap3({
getroute:{
    options:{
            origin:org,
            destination:dest,
            travelMode: google.maps.DirectionsTravelMode.DRIVING
        },
        callback: function(results){
          console.log(results);
          if (!results) return;
            $(this).gmap3({
                directionsrenderer:{
                  divId:'directionPath', 
                  options:{
                    directions:results,
                    suppressMarkers: true 
                  }
                }
            });     
        }
      }
});

上面的代码添加了指示。以下代码不会删除地图上的路线。

$et_main_map.gmap3({
    clear: {
        name:["directionRenderer"]
    }
});

我尝试过很多东西，例如下面的链接。 http://gmap3.net/forum/viewtopic.php?id=341 Gmap3 Clear Directions

请帮帮我。感谢

Answer 1

你应该为directionsrenderer函数提供一个ID（“whatEverYourID”），以便在调用clear函数时识别它：

$et_main_map.gmap3({
    getroute:{
        options:{
           origin: org,
           destination: dest,
           travelMode: google.maps.DirectionsTravelMode.DRIVING
        },
        callback: function(results){
            console.log(results);
            if (!results) return;
            // this is addition lines for handling directions container------
            if (!$("#dircontainer").length>0) {
                $("<div id='dircontainer' class='googlemap'></div>").insertAfter("#map");
            } else {
                // this will clear previous the googlemap directions html container
                $("#dircontainer").html("");
            }
            // --------------------------------------------------------------
            $(this).gmap3({
                // clear previous direction
                clear: {
                    id: "whatEverYourID"
                },
                map:{
                    options:{
                         center:[tolat, tolong],
                         zoom: 10
                    }
                },
                directionsrenderer:{
                    container: $("#dircontainer"),
                    options:{
                        directions:results
                    },
                    // this is the ID you have to add
                    id: "whatEverYourID"
                 }
            });
        }
    }
});

我希望它会有所帮助

Answer 2

我需要更新我的gmap3库。对于那些想要解决此问题的人，只需将gmap3.js更新为5.1.1版。这将解决问题。

无法清除以前的方向gmap3 jquery

2 个答案: