google maps 一页上的两张牌

好吧,现在我为我的网站使用此代码 - >
http://bootply.com/98836
但我需要一张页面上的两张牌。
, 所以我复制了它们,只是改变 'div id'

第一张牌是


<div id="map-canvas"></div>
<span id="map-input"> address </span>


第二张牌是


<div id="maps-canvas"></div>
<span id="maps-input"> address </span>


我为他做了 .js

但它不起作用
第一张卡片将是两个地址。

我该如何解决 ???????
已邀请:

莫问

赞同来自:

你可以在页面上有这么多卡,你想要多少,只要你不使用 ID 不止一次。
你有 2 的 #maps-canvas,, 以便 javascript 不知道你的意思是哪一个。

修正案 IDs 并在每个创建地图 div:


<div id="map-canvas-first"></div>
<span id="map-input-first"> address </span>
<div id="maps-canvas-second"></div>
<span id="maps-input-second"> address </span>


mapFirst = new google.maps.Map/document.getElementById/'map-canvas-first'/,mapOptions/;
mapSecond = new google.maps.Map/document.getElementById/'map-canvas-second'/,mapOptions/;

奔跑吧少年

赞同来自:

请不要两次使用身份证。 IDs 独特的

也许它会有所帮助:

https://coderoad.ru/4074520/

要回复问题请先登录注册