有人可以帮助我并告诉我为什么即使在我添加了我的API密钥后,我的地图也没有出现在页面上?我写错了什么?
https://jsfiddle.net/hute2o63/3/
<h3>MY Demo Map</h3>
<div id="map-canvas"></div>
答案 0 :(得分:1)
以下是您希望让地图正常工作的内容:)
根据您要实现的目标,您可能会对页面上的内容产生影响。
HTML:
<h3>MY Demo Map</h3>
<div id="canvas-map"></div>
<script>
function initMap() {
var uluru = {lat: 0, lng: 0};
var map = new google.maps.Map(document.getElementById('canvas-map'), {
zoom: 4,
center: uluru
});
}
</script>
<script async defer
src="https://maps.googleapis.com/maps/api/js?key=YOUR_API_KEY_HERE&callback=initMap">
</script>
CSS:
#canvas-map {
width: 100%;
height: 400px;
background-color: grey;
}
以下是有关如何创建地图的链接:https://developers.google.com/maps/documentation/javascript/adding-a-google-map
祝你好运,快乐编码:)