gpt4 book ai didi

javascript - Google map API 启动

转载 作者:行者123 更新时间:2023-12-01 02:08:06 24 4
gpt4 key购买 nike

我正在尝试在网站上安装 Google Maps API。我已经从他们那里获得了 API key 。我正在使用他们网站上的“示例”脚本之一。 map 正确显示几秒钟,然后显示“哎呀,出了问题”消息...

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Street View side-by-side</title>
<style>
html, body {
height: 100%;
margin: 0;
padding: 0;
}
#map, #pano {
float: left;
height: 100%;
width: 45%;
}
</style>
</head>
<body>
<div id="map"></div>
<div id="pano"></div>
<script>

function initialize() {
var fenway = {lat: 42.345573, lng: -71.098326};
var map = new google.maps.Map(document.getElementById('map'), {
center: fenway,
zoom: 14
});
var panorama = new google.maps.StreetViewPanorama(
document.getElementById('pano'), {
position: fenway,
pov: {
heading: 34,
pitch: 10
}
});
map.setStreetView(panorama);
}
</script>
<script async defer
src="https://maps.googleapis.com/maps/api/js?key=MY_API_HERE&amp;callback=initialize">
</script>
</body>
</html>

任何帮助将不胜感激...这非常令人沮丧...问题最初似乎与“src”中的“&”...但我不再确定...我已经尝试了很多修复和变化...提前感谢有什么建议。问候。

<小时/>

作为测试,我直接从 Google API 示例中获取了一个“静态”示例...就像您可以获取我试图在其中放置纽约市静态 map 的网站一样简单。 map 不显示...仅显示“alt”信息(“ map ”)...我在这里做错了什么...???这会让我觉得我的 API key 有问题......??? (再次像以前一样,我没有在示例中包含实际的 API key ,但是我在此处使用它来测试的页面上的 HTML 代码中包含了它)...

<!DOCTYPE html>
<html>
<title>HTML Tutorial</title>
<body>

<h1>This is a heading</h1>
<p>This is a paragraph.</p>


<img src = "https://maps.googleapis.com/maps/api/staticmap?center=40.714728,-73.998672&zoom=12&size=400x400&maptype=hybrid&key=MY API KEY NOT SHOWN FOR SECURITY REASONS" alt="Map">

</body>
</html>

预先感谢您的任何建议。问候。

最佳答案

问题位于:<script async defer
src="https://maps.googleapis.com/maps/api/js?key=MY_API_HERE&amp;callback=initialize">
</script>

您需要在 MY_API_HERE 所在的位置输入您的 API_KEY。

关于javascript - Google map API 启动,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/49938454/

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