所以我在玩这个例子,我们公司有自己的谷歌地图 API 密钥。一位同事和我试图让地图工作 - 在全屏下,以下代码工作 - 我的意思是我们只是让地图缩放浏览器的整个宽度,我们使用的代码是:
<script>
var map;
function initialize() {
var mapOptions = {
zoom: 8,
center: new google.maps.LatLng(-34.397, 150.644),
mapTypeId: google.maps.MapTypeId.ROADMAP
};
map = new google.maps.Map(document.getElementById('map-canvas'),
mapOptions);
}
google.maps.event.addDomListener(window, 'load', initialize);
</script>
<div id="map-canvas"></div>
显然它们不是 API 密钥,因为它是在其他地方加载的。
所以我决定添加这个,因为我需要存储在其他地方的地图 - 我添加了这个额外的爵士乐:
<style>
#map-canvas {
margin: 0;
padding: 0;
width: 100%;
height: 100%;
}
#Map{
height: 350px;
}
</style>
第一个很明显,第二个是 jquery-ui 选项卡的一部分,我基本上,对于这个选项卡,将它的高度设置为 350px
继续前进 - 问题是这样的:
如果我把一个人丢在路上,那么我会得到:
“近距离和个人”的跟踪者外观全宽和高度,但远处的方向图全都坏了....
有谁知道为什么?