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

时间:2018-02-04 22:05:29

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

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

enter image description here

我想在不删除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

有关如何实现这一目标的最佳方法的任何建议?

1 个答案:

答案 0 :(得分:2)

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

  • 使用fullscreenControl: false
  • 删除地图选项中的全屏按钮
  • 使用map.controls
  • 将您自己的按钮添加到地图用户界面
  • 注册您的活动以做您需要的任何事情

以下是关于控件的documentation和一些examples