使用 Google 地图 API 的自定义全屏控制行为

Question

有什么方法可以使用 Google 地图 API 拦截全屏控件的默认行为？

我想在不消除 UI 的情况下按下控件时阻止自定义全屏行为。如果用户单击控件，地图将在容器内增大。

如果这不可能，我想知道实现此目的的最佳方法是否是 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

关于实现此目标的最佳方式有何建议？

Answer 1

没有记录更改全屏控件行为的方法。我会做的是：

使用fullscreenControl: false
使用 map.controls
注册您的活动，随心所欲

这里是 documentation about controls and some examples.

使用 Google 地图 API 的自定义全屏控制行为

Custom full screen control behaviour with Google Maps API

javascript

google-maps

google-maps-api-3

html5-fullscreen