gpt4 book ai didi

javascript - Google Maps API - map 不显示 - 没有错误

转载 作者:行者123 更新时间:2023-11-30 11:44:05 25 4
gpt4 key购买 nike

我需要你的帮助。我想将 Google map 与 javascript-api 集成。

我不知道我做错了什么。谷歌 JavaScript API 已启用。我的域已确认。在 key=YOUR_API_KEY 中,我输入了我的 API-KEY。

下面“简单 map ”的 Google 代码示例创建了一个空白页面。没有显示错误信息console screenshot

好像加载了脚本,但是 map 不会显示。

<!DOCTYPE html>
<html>
  <head>
    <title>Simple Map</title>
    <meta name="viewport" content="initial-scale=1.0">
    <meta charset="utf-8">
    <style>
      html, body {
        height: 100%;
        margin: 0;
        padding: 0;
      }
      #map {
        height: 100%;
      }
    </style>
  </head>
  <body>
    <div id="map"></div>
   
<script>
var map;
function initMap() {
  map = new google.maps.Map(document.getElementById('map'), {
    center: {lat: -34.397, lng: 150.644},
    zoom: 8
  });
}

    </script>

    <script src="https://maps.googleapis.com/maps/api/js?key=YOUR_API_KEY&callback=initMap"
        async defer></script>
</body>
</html>

在我的网站上查看此示例页面 map.html

也许有人可以帮助我。

谢谢你,克里斯

最佳答案

登录https://console.developers.google.com然后使用包含 google maps api 的帐户

  • 转到凭证
  • 点击列表中的 api_key 条目
  • 在关键限制下,选择无或将 HTTP 引荐来源网址添加为 *.grossen.de/*

关于javascript - Google Maps API - map 不显示 - 没有错误,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/41592776/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com