首页 文章

Google Maps Api没有显示缩放按钮,街景或全屏图标?

提问于
浏览
1

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

Problem :

  • 困扰谷歌 Map API .

  • 我只是去自定义标记,编辑弹出信息窗口文本,然后图标消失了变焦按钮,街景和全屏 .

Tried Cases :

  • 我尝试删除除渲染 Map 所需的所有CSS . 我尝试了这些CSS提示看起来像 similar problem:

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

  • 我也尝试删除用于标记和infowindows的所有代码 . 谷歌按钮仍然是空白的 . 他们都工作(缩放,街景和全屏),但它们是空白的,不适用于我的目的 .

2 回答

  • 2

    您需要将您的版本更新到下面

    <script src="https://maps.googleapis.com/maps/api/js?v=quarterly&key=YOUR_API_KEY&callback=initMap"></script>
    
  • 3

    我们发现我们有一个针对我们网站上所有元素的大小调整CSS规则:

    * {box-sizing: border-box;}
    

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

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

    这解决了我们的问题 .

相关问题