javascript - 使用 Google Maps API 自定义全屏控制行为

标签 javascript google-maps google-maps-api-3 html5-fullscreen

有没有办法使用 Google Maps API 拦截全屏控件的默认行为?

enter image description here

我想在您按下控件时阻止自定义全屏行为而不消除 UI。如果用户单击该控件, map 将在容器内增大。

如果这是不可能的,我想知道实现这一点的最佳方法是否是 create an overlay附加到点击事件。

或者可能我什至不需要使用覆盖层 OverlayView class为此,我可以仅使用样式和单击事件来管理它:

CSS:

#nav { z-index: 100; position: absolute; margin: 10px 0px 0px 200px; 
background-color: #fff; border: 1px #000 Solid; padding: 5px; }

html:

<body onload="initialize();">
    <div id="container">
       <div id="nav" onclick="fullScreenCustomSize();">Nav Menu</div>
       <div id="map"></div>
    </div>
</body>
...

Source

关于如何实现这一目标的最佳方式有什么建议吗?

最佳答案

没有记录的方法可以更改全屏控件的行为。我要做的是:

  • 使用 fullscreenControl: false 删除 map 选项中的全屏按钮
  • 使用 map.controls 将您自己的按钮添加到 map UI
  • 注册您的事件来执行您需要的操作

这是documentation关于控件和一些examples .

关于javascript - 使用 Google Maps API 自定义全屏控制行为,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/48613450/

相关文章:

javascript - 如何使用 javascript 在图像中移动?

javascript - Dojo FilteringSelect - 完整 JSON 响应数据不可见

javascript - 向 html 选择元素添加选项

javascript - phalcon volt "javascript_include"如何在包含 URL 中添加异步或延迟

html - 谷歌地图信息框高于所有其他内容 z-index 不起作用

javascript - 谷歌将API中心映射到正确的位置,但箭头指向不同的位置

javascript - 谷歌地图 v3 : Any way to force a high maximum Zoom Level (maxZoom 24)?

javascript - 如果它们都在服务器上运行,如何检查选择了哪个单选按钮?

google-maps - 如何从 Google map MVCArray 中获取内容?

ios - 如何从 iOS 上的 google mp 集群获取对象/位置?