Google Maps API V3-在“当前视图范围”中打开标记上附加的所有信息窗口吗?

劳埃德银行

我的地图对象上有以下侦听器:

    myMapObject.addListener('bounds_changed', function(){
        mySearchBoxObject.setBounds(myMapObject.getBounds());
        if(this.getZoom() == 14){
            for(var i = 0; i < customInfoWindows.length; i++){
                customInfoWindows[i].open(myMapObject, customMarkers[i]);
            }
        }
    });

在缩放级别14时,我自动打开绑定到我在地图上放置的自定义标记的所有信息窗口。

有没有一种方法可以使用API​​提供的信息来仅打开缩放当前视图内的信息窗口?例如,如果我的地图上有20个标记/信息窗口,而我在当前缩放视图中只能看到4个标记,那么我只想打开与这4个标记关联的4个信息窗口。

地理编码

在打开信息窗口之前,请检查标记是否在范围内:

myMapObject.addListener('bounds_changed', function(){
    mySearchBoxObject.setBounds(myMapObject.getBounds());
    if(this.getZoom() == 14){
        for(var i = 0; i < customInfoWindows.length; i++){
            // check if is in bounds
            if (myMapObject.getBounds().contains(customMarkers[i].getPosition()))
                customInfoWindows[i].open(myMapObject, customMarkers[i]);
        }
    }
});

google.maps.Map.getBounds()方法会返回具有方法的google.maps.LatLngBounds()对象.contains

包含(latLng:LatLng | LatLngLiteral)

返回值:布尔值

如果给定的纬度/经度在此范围内,则返回true。

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

Google Maps API v3:在新窗口中打开标记上的链接

来自分类Dev

Google Maps API v3:在新窗口中打开标记上的链接

来自分类Dev

Google Maps Javascript API V3中的旋转标记

来自分类Dev

Google Maps Javascript API V3中的旋转标记

来自分类Dev

动画化不同的标记API V3 Google Maps

来自分类Dev

标记位置未获取-Google Maps API v3

来自分类Dev

标记拖动事件Google Maps API V3

来自分类Dev

Google Maps API v3标记问题

来自分类Dev

Google Maps API v3唯一标记JS

来自分类Dev

Google Maps Javascript API v3的标记

来自分类Dev

Google Maps JS api v3延迟拖拽标记

来自分类Dev

带有Rhomobile的Google Maps Javascript V3 API

来自分类Dev

在Google Maps API v3中绘制多个圆圈

来自分类Dev

延迟在Google Maps API V3中添加图层

来自分类Dev

带有信息窗口和图钉的 Google Maps API v3 多个标记

来自分类Dev

Codeigniter + Biostall 的 Google Maps API v3:不同标记中的不同信息窗口

来自分类Dev

添加可在Google Maps API v3中打开信息窗口的链接

来自分类Dev

显示/隐藏标记并使用信息窗口Google Maps API v3

来自分类Dev

Google Maps API v3在单击的标记上添加阴影

来自分类Dev

在外部div google maps api v3中关闭信息窗口

来自分类Dev

响应式 Google Maps API v3 - 在小屏幕上自动显示所有标记

来自分类Dev

Google Maps API v3上的标记超出范围

来自分类Dev

Google Maps JavaScript API v3更改标记并添加卫星视图

来自分类Dev

Google Maps Api v3标记。Google未定义

来自分类Dev

Google Maps API v3地理位置无法在Google Chrome中运行

来自分类Dev

Google Maps Javascript API V3:标记具有相同的标题

来自分类常见问题

如何在Google Maps API v3中使用SVG标记

来自分类Dev

Font Awesome图标作为Google Maps API V3中的标记

来自分类Dev

使用可拖动的Google Maps API V3在输入字段中获取标记地址

Related 相关文章

  1. 1

    Google Maps API v3:在新窗口中打开标记上的链接

  2. 2

    Google Maps API v3:在新窗口中打开标记上的链接

  3. 3

    Google Maps Javascript API V3中的旋转标记

  4. 4

    Google Maps Javascript API V3中的旋转标记

  5. 5

    动画化不同的标记API V3 Google Maps

  6. 6

    标记位置未获取-Google Maps API v3

  7. 7

    标记拖动事件Google Maps API V3

  8. 8

    Google Maps API v3标记问题

  9. 9

    Google Maps API v3唯一标记JS

  10. 10

    Google Maps Javascript API v3的标记

  11. 11

    Google Maps JS api v3延迟拖拽标记

  12. 12

    带有Rhomobile的Google Maps Javascript V3 API

  13. 13

    在Google Maps API v3中绘制多个圆圈

  14. 14

    延迟在Google Maps API V3中添加图层

  15. 15

    带有信息窗口和图钉的 Google Maps API v3 多个标记

  16. 16

    Codeigniter + Biostall 的 Google Maps API v3:不同标记中的不同信息窗口

  17. 17

    添加可在Google Maps API v3中打开信息窗口的链接

  18. 18

    显示/隐藏标记并使用信息窗口Google Maps API v3

  19. 19

    Google Maps API v3在单击的标记上添加阴影

  20. 20

    在外部div google maps api v3中关闭信息窗口

  21. 21

    响应式 Google Maps API v3 - 在小屏幕上自动显示所有标记

  22. 22

    Google Maps API v3上的标记超出范围

  23. 23

    Google Maps JavaScript API v3更改标记并添加卫星视图

  24. 24

    Google Maps Api v3标记。Google未定义

  25. 25

    Google Maps API v3地理位置无法在Google Chrome中运行

  26. 26

    Google Maps Javascript API V3:标记具有相同的标题

  27. 27

    如何在Google Maps API v3中使用SVG标记

  28. 28

    Font Awesome图标作为Google Maps API V3中的标记

  29. 29

    使用可拖动的Google Maps API V3在输入字段中获取标记地址

热门标签

归档