gpt4 book ai didi

javascript - initMap 不是一个函数 - map 不渲染。谷歌地图 API - JS

转载 作者:行者123 更新时间:2023-12-03 05:37:43 24 4
gpt4 key购买 nike

我遇到了众所周知的问题 initMap 不是函数,我真的不知道如何解决它。我尝试过其他问题中推荐的各种方法,但没有一个有效。我发现的唯一合理的解决方案是使用 AngularJS,但我试图在没有它的情况下完成脚本。

这是我的 html 代码:

<html>
<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.0/jquery.min.js"></script>
<script async defer
src="https://maps.googleapis.com/maps/api/js?key=XXXXXX&callback=initMap"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js" integrity="sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa" crossorigin="anonymous"></script>
<script src ="script.js" />

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">
<link rel="stylesheet" href ="style.css">
</head>
<body>
<div id ="map-canvas"> </div>
</body>
</html>

JS 代码:

window.initMap = function() {
var uluru = {lat: -25.363, lng: 131.044};
var map = new google.maps.Map(document.getElementById('map-canvas'), {
zoom: 4,
center: uluru
});
var marker = new google.maps.Marker({
position: uluru,
map: map
});
};

对于 JS 代码,我直接复制并粘贴了 Google 文档中的内容,并在此处进行了一些小更改window.initMap = function()

<小时/>

我尝试过的事情:

  1. function initMap() 更改为 window.initMap = function()
  2. 删除 initMap() 中的所有内容并给它 alert("ok") 查看如果它会出现的话。嗯,事实并非如此。
  3. async defer的位置更改为脚本引用的末尾,并将脚本引用放在最顶部。

我详细检查过的问题:

First try , Second , Third time wasn't the charm

我收到的错误消息:

Error-msg-Chrome

我的 map 未渲染,我不断收到此错误,有什么解决办法吗?

最佳答案

两个问题:

  1. 添加缺失的 </script>标签
  2. 更改页面加载顺序:
<div id="map-canvas"> </div>
<script src="script.js" defer async></script>
<script async defer
src="https://maps.googleapis.com/maps/api/js?key=XXXXXX&callback=initMap"></script>

关于javascript - initMap 不是一个函数 - map 不渲染。谷歌地图 API - JS,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/40660124/

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