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

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

我该如何解决 ???????
2021-03-20 添加评论
分享

没有找到相关结果

    已邀请:

    莫问

    赞同来自:

    你可以在页面上有这么多卡，你想要多少，只要你不使用 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/;
    2021-03-20 0 0
    分享

    奔跑吧少年

    赞同来自:

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

    也许它会有所帮助：

    https://coderoad.ru/4074520/
    2021-03-20 0 0
    分享
    为什么被折叠? 0 个回复被折叠

    要回复问题请先登录或注册

    Copyright © 2023, All Rights Reserved