尝试获取多个地图以显示在其相应页面上

Question

显示第一张地图，但第二张地图没有。 我收到无法读取为null的属性“ firstChild”，该信息应表明ID匹配，但它们匹配。 id在div中声明。 JavaScript代码是否错误？

<div id="map">location 1</div>
<div id="map2">location 2</div>


var map;
var map2;

function initMap() {
map = new google.maps.Map(document.getElementById('map'), {
     center: new google.maps.LatLng(40.503691, -80.061847),
    zoom: 15
});

map2 = new google.maps.Map(document.getElementById('map2'), {
    center: new google.maps.LatLng(40.503691, -79.984257),
    zoom: 6
});
}