谷歌地圖同一頁上的兩個地圖

-2

嗯，我用我的網站這個代碼現在 - >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它

，但它不工作它去兩人在第一張地圖地址

我怎樣才能解決呢???????

來源

2013-12-20 user3122171

請不要兩次使用id。 ID是唯一

也許這會有所幫助：

How to Display Multiple Google Maps per page with API V3

來源

2013-12-20 09:17:42

他沒有使用任何ID兩次 –

好，根據他的崗位，他做到了。他爲第一張和第二張地圖發佈的代碼具有相同ID –

'＃map-canvas'和'＃maps-canvas'不一樣 –

你可以有許多地圖，只要你想在頁面上，aslong只要你不使用的ID超過一次。你有2個＃maps-canvas，所以javascript不會知道你的意思。

更改標識，並建立每個格地圖：

<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);

來源

2013-12-20 09:30:07 Milanzor

他的id是獨特的地圖 - canvas和maps-canvas是不同的。 – geocodezip

谷歌地圖同一頁上的兩個地圖

回答

相關問題