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

Question

SCREEN SHOT of map with custom markers, infowindows, and styling

问题:

• 在使用 google maps API 时遇到问题。
• 我只是去自定义标记，并编辑弹出信息窗口文本，然后缩放按钮的图标消失，街景和全屏。

案例:

• 我尝试删除所有 CSS，除了需要渲染 map 。我尝试了这些 CSS 技巧，看起来像类似问题:

  • Zoom control and streetview not showing on my Google map?

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

Answer 1

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

* {box-sizing: border-box;}

为了解决图标显示问题，我们添加了一个针对谷歌地图内所有元素的类，以将 box-sizing 更改为 content-box。

.gmaps * {box-sizing: content-box;} 

这为我们解决了问题。