gpt4 book ai didi

javascript - 未捕获的类型错误 : Cannot read property 'firstChild' of null (Google maps failing to load)

转载 作者:行者123 更新时间:2023-12-03 21:34:27 25 4
gpt4 key购买 nike

我想知道是否有人能够向我提供有关 Google map API 的知识。我读过类似的问题,但仍然无法找到答案。正如标题所示,我的浏览器控制台中显示的错误是:

Uncaught TypeError: Cannot read property 'firstChild' of null

我理解这意味着值的传递方式存在问题;以下是我的相关代码片段,其中 sources在 Chrome 中指向:

// --- Global Variable
var map;


// --- View Model.
function AppViewModel() {

// Initial Map
map = new google.maps.Map(document.getElementById('map'), {
center: {lat: 39.305, long: -76.617},
zoom: 12
});


// --- Initalize Application.
function initApp() {
ko.applybindings(new AppViewModel());
}

当 Google map 尝试加载时,似乎会引发错误。有人知道我在这里做错了什么吗?感谢您提供的任何帮助。

引用Html:

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Bolton Hill Neighborhood Map</title>
<link rel="stylesheet" href="static/main.css">
<meta name="viewport" content"width=device-width, initial-scale=1">
</head>
<body>
<div class='map'>maps error</div>

<script src="./js/knockout.js"></script>
<script src="./js/jquery.min.js"></script>
<script src="./js/app.js"></script>
<script async defer src="https://maps.googleapis.com/maps/api/js?key=XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX&callback=initApp" onerror="errorHandler"></script>
</body>
</html>

最佳答案

我认为 center: {lat: 39.305, long: -76.617}long 不正确。
您应该像这样定义 latlng:

var latlng = new google.maps.LatLng(39.305, -76.617);
map = new google.maps.Map(document.getElementById('map'), {
center: latlng,
zoom: 12
});

Uncaught TypeError: Cannot read property 'firstChild' of null

本地图容器不存在时,通常会出现错误消息:

map = new google.maps.Map(document.getElementById('id_that_does_notexist'), {

关于javascript - 未捕获的类型错误 : Cannot read property 'firstChild' of null (Google maps failing to load),我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/42917703/

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