[英]Google Maps Places API Map not showing up
我刚刚开始使用Google Maps Places API,并且能够将这些代码组合在一起,但未显示地图。 我可以想象这是一个小错误,但我找不到。 如果有人可以指出这将是巨大的帮助,并且在任何地方都可以找到在线或免费的免费IDE,以捕获此类错误?
您有2个不同的ID(“地图”和“ 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>
Java脚本
<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%
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.