我刚开始使用 google maps places API,并且已经能够将这段代码组合在一起,但地图没有显示出来。我想这是某个地方的一个小错误,但我找不到它。如果有人能指出这将是一个巨大的帮助,并且是否有任何在线或任何免费的 IDE 可以很好地捕捉这样的错误?
代码:http: //jsbin.com/ifuwel/1/edit
我刚开始使用 google maps places API,并且已经能够将这段代码组合在一起,但地图没有显示出来。我想这是某个地方的一个小错误,但我找不到它。如果有人能指出这将是一个巨大的帮助,并且是否有任何在线或任何免费的 IDE 可以很好地捕捉这样的错误?
代码:http: //jsbin.com/ifuwel/1/edit
您有 2 个不同的 ID(“map”和“map_canvas”)。试试看:
map = new google.maps.Map(document.getElementById('map_canvas'), {
mapTypeId: google.maps.MapTypeId.ROADMAP,
center: pyrmont,
zoom: 15
});
试试这个基本的例子
HTML
<body onload="initialize()">
<div id="map_canvas"></div>
</body>
Javascript
<script>
function initialize() {
var mapOptions = {
zoom: 4,
center: new google.maps.LatLng(-33, 151),
panControl: false,
zoomControl: false,
scaleControl: true,
mapTypeId: google.maps.MapTypeId.ROADMAP
}
var map = new google.maps.Map(document.getElementById('map_canvas'),
mapOptions);
}
</script>
CSS
<style>
html, body {
height: 100%;
margin: 0;
padding: 0;
}
#map_canvas {
height: 100%;
}
@media print {
html, body {
height: auto;
}
#map_canvas {
height: 650px;
}
}
</style>
如果需要,CSS 有助于获得 100% 的宽度和高度