Javascript 未捕获类型错误：无法读取属性'；第一个孩子'；空值（谷歌地图无法加载）_Javascript_Jquery_Google Maps

Javascript 未捕获类型错误：无法读取属性'；第一个孩子'；空值（谷歌地图无法加载）

javascript jquery google-maps

Javascript 未捕获类型错误：无法读取属性'；第一个孩子'；空值（谷歌地图无法加载）,javascript,jquery,google-maps,Javascript,Jquery,Google Maps,我想知道是否有人能把他们关于谷歌地图API的知识借给我。我读过类似的问题，但仍然没有找到答案。正如标题所述，“我的浏览器”控制台中显示的错误是：未捕获类型错误：无法读取null的属性“firstChild” 我理解这意味着价值观的传递方式存在问题；以下是我的相关代码片段，其中sources指向Chrome： // --- Global Variable var map; // --- View Model. function AppViewModel() { // Initial M

我想知道是否有人能把他们关于谷歌地图API的知识借给我。我读过类似的问题，但仍然没有找到答案。正如标题所述，“我的浏览器”控制台中显示的错误是：

未捕获类型错误：无法读取null的属性“firstChild”

我理解这意味着价值观的传递方式存在问题；以下是我的相关代码片段，其中

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 Maps尝试加载时，似乎会引发此错误。有人知道我做错了什么吗？谢谢你的帮助

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>


博尔顿山邻里地图
映射错误
我认为中心：{lat:39.305，long:-76.617}
，带有long
是不正确的。

您应该这样定义板条：
var latlng = new google.maps.LatLng(39.305, -76.617);
map = new google.maps.Map(document.getElementById('map'), {
  center: latlng,
  zoom: 12
});

及
未捕获的TypeError:无法读取null的属性“firstChild”
当映射容器不存在时，通常会出现错误消息：
map=new google.maps.map（document.getElementById（'id\u that\u notexist'），{
我将long
更改为lng
，这似乎没有改变任何东西。我直接根据以下指南为我的初始地图编写javascript：你把class='map'
放错了，你需要更改为：maps error
这是我的问题map=new google.maps.map（document.getElementById（'id_that_done_notexist'），{
Hmm，这也不能解决我的问题。我有一个id=“map”，javascript代码中有“var map=new google.maps.map（document.getElementById（'map'），”-但仍然存在此错误请提供更多信息，按F12查看控制台日志并在此处复制该错误或完整的html和javascript？找不到地图id