Google地图v3使用Chrome中的水平灰线w / Foundation进行初始化

本文介绍了Google地图v3使用Chrome中的水平灰线w / Foundation进行初始化的处理方法，对大家解决问题具有一定的参考价值，需要的朋友们下面随着小编来一起学习吧！

问题描述

似乎与CSS相关，因为在简单的HTML网页中初始化地图工作正常。我已经添加了建议的CSS来修复已知问题（下面），但似乎不能摆脱这一点。

Seems to be CSS related because initializing the map in a simple HTML page works just fine. I have added suggested CSS to fix known issues (below), but can't seem to get rid of this.

#map {
    *, *:before, *:after {
        -moz-box-sizing: content-box!important;
        -webkit-box-sizing: content-box!important;
        box-sizing: content-box!important;
    }
    img {
        max-width: none;
        height: auto;
    }
    label {
        width: auto;
        display: inline;
    }
}

推荐答案

对于任何人此错误的临时解决方案：

For anyone else looking for a temp solution for this bug:

CSS

.map *, .map *:before, .map *:after {
    -webkit-transform: none !important; 
}

SASS

.map {
  *, *:before, *:after {    
    -webkit-transform: none!important;
  }  
}

这篇关于Google地图v3使用Chrome中的水平灰线w / Foundation进行初始化的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持！