显示第一张地图,但第二张地图没有。 我收到无法读取为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
});
}

在此处输入图片说明

  ask by Chris Brennan translate from so

本文未有回复,本站智能推荐:

1回复

在单个页面上加载多个Google地图

我正在尝试在单个页面上加载多个Google地图,但是页面加载时间非常长。 如何加快页面加载时间? 我的示例html代码如下。 实际上,在循环创建的Google地图下方,其数量最少为100。
2回复

单个页面上有多个Google地图?

我试图在单个页面上显示多个Google地图。 这是一个结果页面,该页面根据区域中的每个位置动态生成。 每个div都有一个我要用来运行Google Map的地图类。 截至目前,我只能获取它来处理一个div的信息。 我了解我需要以某种方式将Google Maps传递给数组。 但是考虑到
2回复

Google地图正在后台加载,但未显示在页面上

我有一张自定义的地图,我对其进行了样式化,一次可以正常工作,但由于某种原因现在不会显示。 我可以使用firebug并找到应该加载地图的Div,它显示了正在插入的地图代码。 但是问题是有一些东西阻止了它的显示。 这是用于创建和样式化地图的JavaScript。 我知道这是可行的,
1回复

尝试同时显示3张地图

我正在尝试同时显示3个热图,页面会加载,但它们不是地图而是三个灰色矩形。 这是我创建并尝试显示热图的方式: 使用Javascript HTML 我使用了相同的过程来创建1个热图,并且该过程可以正常工作,并且是完全相同的过程,现在不是吗? 我已经检查过我是否在后端接收到查
1回复

Google Maps V3:页面上有多个地图导致标记丢失(DEBUG)?

我在一个页面上有多个谷歌地图。 场景: 在页面上单独使用时,地图正在按预期工作。 我在同一页面上使用了2张地图。 工作案例: :) 第一张地图使用Unstyled-Markers(默认标记) 第二张地图使用Styled-Markers [参考:
1回复

Google地图 - 同一页面上的2张地图无效

我需要在同一页面上有两张谷歌地图。 但是,出于任何原因,似乎只显示第一张地图。 我已经尝试过这个话题没有任何成功,因为问题仍然存在。 我的代码现在看起来像这样 和HTML
1回复

添加CSS类会在页面上移动Google地图

按下页面上的按钮后,我将使用JQuery中的“ addClass()”将标记添加到我的Google Map中。 该标记是静态的,因此在拖动页面时它将停留在页面的中央。 我认为问题可能出在将CSS类添加到包含地图的div中,并且当添加该类时,它不仅操纵标记的位置,而且操纵地图的位置。
1回复

为什么我的 Google Maps API 被嵌入但没有显示在 HTML 页面上?

下面是我正在使用的代码,但是页面上没有显示地图。 通常它是一个 css 高度/宽度问题,但这也已得到纠正。 它仍然只显示一个空的 div 并且里面没有地图。 我的 HTML 我的 Java 脚本 CSS