我想在頁面上設置一個地圖,下面有一些鏈接,點擊時會動態地查詢我的數據庫和結果集輸出地圖。我花了很多時間用google搜索,但找不到我期待的內容。我儘可能使用AJAX返回經緯度座標,但我在嘗試在地圖上創建標記時出錯了,雖然我沒有生成任何錯誤,但沒有出現任何內容。谷歌地圖API V3 - 從查詢結果中動態添加多個標記
-1
A
回答
1
你有這樣的創造新的標誌物:
var marker = new google.maps.Marker({
position: results.DATA[i][2],
map: map,
title:"New marker"
});
marker.setMap(map);
的results.DATA[i][2]
值是像 「54.016893,-0.970721」。但位置必須是一個經緯度對象:
// turn "54.016893,-0.970721" into [54.016893,-0.970721"]
var latLng = results.DATA[i][2].split(",");
var marker = new google.maps.Marker({
position: new google.maps.LatLng(latLng[0], latLng[1]),
map: map,
title:"New marker"
});
PS:另外,如果您指定的的MarkerOptions地圖,你不需要也然後請呼叫setMap()函數。
1
代碼沒有測試過,但你可以做這樣的事情
申報地圖上,標記
var map;
var markersArray = [];
var myOptions = {
zoom: 10,
center: latlng,
mapTypeId: google.maps.MapTypeId.ROADMAP
};
map = new google.maps.Map(document.getElementById("map_canvas"), myOptions);
以下功能將增加一個點映射
function plotPoint(srcLat,srcLon,title,popUpContent,markerIcon)
{
var myLatlng = new google.maps.LatLng(srcLat, srcLon);
var marker = new google.maps.Marker({
position: myLatlng,
map: map,
title:title,
icon: markerIcon
});
markersArray.push(marker);
var infowindow = new google.maps.InfoWindow({
content: popUpContent
});
google.maps.event.addListener(marker, 'click', function() {
infowindow.open(map,marker);
});
}
獲取您的積分,並添加他們就像
var lat = 44.856051;
var lng = -93.242539;
plotPoint(lat,lng,'Mall of America','<span class="gBubble"><b>Mall of America</b><br>60 East Brodway<br>Bloomington, MN 55425</span>');
相關問題
- 1. 添加標記 - 谷歌地圖API V3
- 2. 使用Json在谷歌地圖V3中添加多個標記
- 3. 動態添加InfoWindows和標記谷歌地圖V3
- 4. 谷歌地圖api V3標記
- 5. 谷歌地圖API v3標記重疊
- 6. 谷歌地圖api v3刷新標記
- 7. 谷歌地圖API V3移除標記
- 8. 谷歌地圖JavaScript V3 Api的標記
- 9. 谷歌地圖api V3更新標記
- 10. 狀態QUERY_OVER_LIMIT從谷歌地圖API V3
- 11. 谷歌地圖api v3 - 多個標記,多個infowindows,3個圖標
- 12. 谷歌地圖v3可拖動標記
- 13. 谷歌地圖api v3從陣列添加多義線
- 14. 谷歌地圖api v3 - 只有一個標記的地圖
- 15. C#谷歌地圖API多個標記
- 16. 谷歌地圖API V3 Over_Query_Limit
- 17. 使用api v2在谷歌地圖上添加多個標記
- 18. 谷歌地圖API添加更多,然後10個標記
- 19. 演示顯示多個谷歌地圖(谷歌地圖API v3)
- 20. 谷歌地圖API V3添加信息窗口中每個標記
- 21. 谷歌地圖API V3從陣列中刪除標記
- 22. 從谷歌地圖API V3中移除方向標記
- 23. GWT +谷歌地圖API V3
- 24. 如何動態更改谷歌地圖標記後添加
- 25. 在谷歌地圖中添加標記谷歌地圖反應
- 26. 谷歌地圖api v3標準遊標
- 27. 從JSON響應谷歌地圖上添加多個標記
- 28. 谷歌地圖V3自定義地圖標記圖標但是從谷歌
- 29. 谷歌地圖多個標記從onMapReady
- 30. 谷歌地圖api V3存儲輸入
你能告訴我們你到目前爲止 - 也許通過pastebin? – 2010-06-28 13:08:44
當然,這是鏈接。謝謝您的幫助。 http://pastebin.com/u7FUz7v0 – 2010-06-28 14:05:00
好的,首先要檢查的是 - Firebug展示給你的是什麼?它允許您爲自己的AJAX調用反思從服務器返回的數據。 – 2010-06-28 15:22:59