我在使用 Bootstrap 3 和 gmaps 2 时遇到问题。问题是我的 map 控件没有正确显示,如下图所示。
下面也是我的代码:
<script type="text/javascript">
function initialize(){
if (GBrowserIsCompatible())
{
map=new GMap2(document.getElementById("map_canvas"));
map.setCenter(new GLatLng(37.084142,25.151997), 11);
map.setUIToDefault();
}
}
</script>
</head>
<body onload="initialize()" onunload="GUnload()">
任何想法..?
我也曾经遇到过这个问题,这是 冲突 发生在你的 CSS
与 gmaps
之间。 你可能有一个像
这样的全局CSS
img {
max-width:100% // or something
}
通过检查(使用浏览器的开发工具),您可以找到它被覆盖的位置,并尝试使用 id
或 class
选择器并将其更改为 无
。
我测试过了here
#map_canvas img {
max-width: none;
}
我是一名优秀的程序员,十分优秀!