Google maps 谷歌地图API不工作（帮助！）_Google Maps

Google maps 谷歌地图API不工作（帮助！）

google-maps

Google maps 谷歌地图API不工作（帮助！）,google-maps,Google Maps,当我点击以下网页的嵌入式谷歌地图API时：（点击地圖在右上角）它显示：这个网站需要一个不同的谷歌映射API键。可以生成新密钥在抱歉，我以前从未使用过此应用程序。我是否需要生成一个新代码来解决这个问题？或者还有其他问题？是的，请点击链接。每个不同的域都需要自己的API密钥。这对我来说很正常 <!DOCTYPE html> <html> <head> <title>Google Maps</title> <

当我点击以下网页的嵌入式谷歌地图API时：（点击地圖在右上角）

它显示：

这个网站需要一个不同的谷歌映射API键。可以生成新密钥在

抱歉，我以前从未使用过此应用程序。我是否需要生成一个新代码来解决这个问题？或者还有其他问题？

是的，请点击链接。每个不同的域都需要自己的API密钥。

这对我来说很正常

<!DOCTYPE html>
<html>
  <head>
  <title>Google Maps</title>
    <style>
      #map-canvas {
        width: 700px;
        height: 600px;
        position: absolute;
        top: 40px;
        left: 360px;
      }
    </style>
    <script src="https://maps.googleapis.com/maps/api/js"></script>
    <script>
      function initialize() {
        var mapCanvas = document.getElementById('map-canvas');
        var mapOptions = {
          center: new google.maps.LatLng(44.5403, -78.5463),
          zoom: 8,
          mapTypeId: google.maps.MapTypeId.ROADMAP
        }
        var map = new google.maps.Map(mapCanvas, mapOptions)
      }
      google.maps.event.addDomListener(window, 'load', initialize);
    </script>
  </head>
  <body>
    <div id="map-canvas"></div>
  </body>
</html>


谷歌地图
#地图画布{
宽度：700px；
高度：600px；
位置：绝对位置；
顶部：40px；
左：360px；
}
函数初始化（）{
var mapCanvas=document.getElementById（'map-canvas'）；
变量映射选项={
中心：新google.maps.LatLng（44.5403，-78.5463），
缩放：8，
mapTypeId:google.maps.mapTypeId.ROADMAP
}
var map=new google.maps.map（mapCanvas，mapOptions）
}
google.maps.event.addDomListener（窗口“加载”，初始化）；