Google Maps Api 未显示缩放按钮、街景或全屏图标?

Jak*_*ell 2 css google-maps google-maps-api-3

带有自定义标记、信息窗口和样式的地图屏幕截图

问题 :

  • 谷歌地图 API 有问题。
  • 我只是去自定义标记,并编辑弹出信息窗口文本,然后缩放按钮、街景和全屏的图标消失了。

案例:

  • 我尝试删除除了渲染地图所需的所有 CSS。我在看起来类似的问题上尝试了这些 CSS 技巧

  • 我还尝试删除所有用于标记和信息窗口的代码。谷歌按钮仍然是空白的。它们都可以工作(缩放、街景和全屏),但它们是空白的,不符合我的目的。

小智 5

我们发现我们有一个针对我们网站上所有元素的 box-sizing CSS 规则:

* {box-sizing: border-box;}
Run Code Online (Sandbox Code Playgroud)

为了解决图标显示问题,我们添加了一个针对谷歌地图内所有元素的类,将框大小更改为内容框。

.gmaps * {box-sizing: content-box;} 
Run Code Online (Sandbox Code Playgroud)

这为我们解决了问题。