【问题标题】:Disable POI while drawing a polyline on google maps在谷歌地图上绘制折线时禁用 POI
【发布时间】:2016-03-01 21:19:30
【问题描述】:

我在 google map v3 上设置了 mousedown 监听器来绘制折线。

map.setOptions({
   draggable: false, 
   zoomControl: false, 
   scrollwheel: false, 
   disableDoubleClickZoom: true,
   disableDefaultUI: true
});

google.maps.event.addDomListener(map.getDiv(),'mousedown',function(e){
   drawPolyline()
});

如果在 google 的 POI 上完成绘图,那么描述气泡会打开并终止我的函数行为。

如果我使用其中一种内置工具(绘制多边形),所有 POI 侦听器都会被禁用。

我可以这样做吗?

【问题讨论】:

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


    【解决方案1】:

    不知道这是否仍然相关,但是当您想禁用点击时,您现在可以简单地在地图对象上调用 setClickableIcons(false) 方法。如果您想重新打开它们,只需给该方法一个 true取而代之。

    看看我准备的这个演示: http://jsbin.com/liyamecoqa/edit?html,output

    【讨论】:

      【解决方案2】:

      您可以通过这种方式禁用 POI

                  var mlwStyles =[
                      {
                          featureType: "poi",
                          elementType: "labels",
                          stylers: [
                                { visibility: "off" }
                          ]
                      }
                  ];
                  var mapOptions = {
                      center: new google.maps.LatLng(initLat, initLng),
                      zoom: initZoom,
                      mapTypeId: google.maps.MapTypeId.SATELLITE,
                      mapTypeControl:false,
                      scaleControl: true, 
                      tilt: 0,
                      styles: mlwStyles                   
                  };
      

      最终,您可以在绘制多边形时使用 setOptions 来禁用和/或重新启用

      【讨论】:

      • 我希望禁用 POI 的点击监听。您的示例将隐藏 POI,我需要始终显示它们。
      • 我认为你不能,因为你只能使用 POI 对象而不是他们的行为。Google 不打算允许在没有可点击性的情况下显示图标 (POI),请参阅此以获取其他参考 @ 987654321@code.google.com/p/gmaps-api-issues/issues/detail?id=3866
      【解决方案3】:

      暂时在地图上放置一个透明 div 以捕获单击/鼠标事件,在该 div 上使用鼠标事件绘制多段线,一旦多段线完成,将其移除(或将其移开)。

      【讨论】:

        猜你喜欢
        • 1970-01-01
        • 2015-10-17
        • 1970-01-01
        • 2016-05-14
        • 2017-03-09
        • 1970-01-01
        • 2018-03-06
        • 2013-07-02
        • 2023-04-06
        相关资源
        最近更新 更多