时间戳

首页 > 解决方案 > 使用 API 密钥的地图未出现

html - 使用 API 密钥的地图未出现

问题描述

我正在按照教程使用 API 加载谷歌地图。为什么地图不显示？我通过以下教程创建了 API 密钥。

function initMap(){
    var options = {
        zoom:8,
        center:{lat:37.7749,lng:-122.4194}
    }
    var map = new google.maps.Map(document.getElementById('#map'),options);
}
#map{
  height: 400px;
  width: 100%;
}
<script src="https://maps.googleapis.com/maps/api/js?key=AIzaSyCRkjqdbub6Tmlus_CPROfEXnAtrQxWubM&callback=initMap&libraries=&v=weekly" async></script> 
<h1>My google Map</h1>
<div id="map"></div>

标签： htmlcss

解决方案

您将mapid 作为查询选择器传递。取而代之的是document.getElementById('#map')，您需要拥有document.getElementById('map').

或者，如果您更喜欢使用查询选择器语法，那么您可以使用document.querySelector('#map')

推荐阅读