Javascript 使用Google Maps API自定义全屏控制行为_Javascript_Google Maps_Google Maps Api 3_Html5 Fullscreen

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

javascript google-maps google-maps-api-3

Javascript 使用Google Maps API自定义全屏控制行为,javascript,google-maps,google-maps-api-3,html5-fullscreen,Javascript,Google Maps,Google Maps Api 3,Html5 Fullscreen,是否有任何方法可以使用Google Maps API截取全屏控件的默认行为我想防止在不消除UI的情况下按下控件时出现自定义全屏行为。如果用户单击该控件，则容器中的贴图将变大如果这是不可能的，我想知道实现这一点的最佳方式是否是附加到点击事件或者，我甚至不需要为此使用覆盖，我可以仅使用样式和单击事件来管理它： css: html: 导航菜单 ... 关于如何实现这一点的最佳方法有何建议？没有记录在案的更改全屏控件行为的方法。我要做的是：使用fullscreenControl:fal

是否有任何方法可以使用Google Maps API截取全屏控件的默认行为

我想防止在不消除UI的情况下按下控件时出现自定义全屏行为。如果用户单击该控件，则容器中的贴图将变大

如果这是不可能的，我想知道实现这一点的最佳方式是否是附加到点击事件

或者，我甚至不需要为此使用覆盖，我可以仅使用样式和单击事件来管理它：

css:

html:


导航菜单
...

关于如何实现这一点的最佳方法有何建议？

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

使用
```
fullscreenControl:false
```
使用
```
map.controls
```
注册您的活动以执行您需要的任何操作

以下是关于控件和一些控件的说明。

您是否希望看到这样的全屏行为：如果是，我猜你必须隐藏现有的全屏按钮，并添加你自己的按钮，以扩展/缩小地图容器父div？据我所知，你指出的网站似乎使用openstreetmap而不是Google地图，但预期效果与我想要实现的非常相似（这将是问题中指出的第三个选项）。如果没有更好的选择，我将采用此解决方案。谢谢！

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

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