尝试将谷歌地图 api 添加到我的网站

【问题标题】：Trying to add a google map api to my website尝试将谷歌地图 api 添加到我的网站
【发布时间】：2016-11-21 13:49:16
【问题描述】：

谁能帮助我并告诉我为什么我的地图根本没有出现在页面上，即使在我添加了我的 API 密钥之后？我写错了什么？

<h3>MY Demo Map</h3>
<div id="map-canvas"></div>

【问题讨论】：

您的 javascript 缺少 ,s，您应该将 script 标签放在您的 html 中
好吧
仍然，jsfiddle.net/hute2o63/3

标签： javascript jquery api maps

【解决方案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

祝你好运，编码快乐 :)

【讨论】：