我創(chuàng)建了一個文件，用于將標記加載到 Google Maps JavaScript API 畫布中。標記是從 XML 文件生成的，該文件從 SQL 獲取標記信息。我希望能夠調(diào)用函數(shù) ex。loadMarkers() 以便我可以在 SQL 數(shù)據(jù)更改時更新標記位置。截至目前，我可以再次調(diào)用 load()，但隨后它會刷新整個地圖，而不僅僅是標記。就像網(wǎng)站的硬刷新一樣..如何包裝僅用于插入標記的代碼，以便我可以將其作為函數(shù)調(diào)用？<!DOCTYPE html > <head> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="content-type" content="text/html; charset=UTF-8"/> <style> #map { height: 100%; } html, body { height: 100%; margin: 0; padding: 0; } </style> <script type="text/javascript"> var customIcons = { user: { icon: 'http://maps.google.com/mapfiles/kml/shapes/man.png' }, store: { icon: 'http://maps.google.com/mapfiles/kml/shapes/grocery.png' } }; function load() { var map = new google.maps.Map(document.getElementById("map"), { center: new google.maps.LatLng(59.914045, 10.756808), zoom: 12, mapTypeId: 'roadmap', mapTypeControl: false, streetViewControl: false, zoomControl: false, fullscreenControl: false });
1 回答
慕妹3146593
TA貢獻1820條經(jīng)驗 獲得超9個贊
創(chuàng)建一個執(zhí)行 downloadUrl 調(diào)用的函數(shù) (?
setMarkers) 以加載 XML 并在地圖上創(chuàng)建標記。
使地圖變量成為全局變量或?qū)⑵鋫鬟f給該函數(shù)
創(chuàng)建一個全局數(shù)組來跟蹤這些標記，以便您可以在加載新標記之前刪除它們。
var gmarkers = [];
function setMarkers() {
? downloadUrl(urlString, function(data) {
? ? var xml = data.responseXML;
? ? for (var i=0; i<gmarkers.length; i++)
? ? ? gmarkers[i].setMap(null);
? ? gmarkers = [];
? ? var markers = xml.documentElement.getElementsByTagName("marker");
? ? for (var i = 0; i < markers.length; i++) {
? ? ? var name = markers[i].getAttribute("name");
? ? ? var type = markers[i].getAttribute("type");
? ? ? var point = new google.maps.LatLng(
? ? ? ? parseFloat(markers[i].getAttribute("lat")),
? ? ? ? parseFloat(markers[i].getAttribute("lng")));
? ? ? var html = "<b>" + name + "</b>";
? ? ? var icon = customIcons[type] || {};
? ? ? var marker = new google.maps.Marker({
? ? ? ? map: map,
? ? ? ? position: point,
? ? ? ? icon: icon.icon,
? ? ? ? draggable: false,
? ? ? ? animation: google.maps.Animation.DROP,
? ? ? });
? ? ? gmarkers.push(marker);
? ? } // for each markers
? });? ?//download url
}
在函數(shù)load和setTimeout.
var map;
function load() {
? map = new google.maps.Map(document.getElementById("map"), {
? ? center: new google.maps.LatLng(59.914045, 10.756808),
? ? zoom: 12,
? ? mapTypeId: 'roadmap',
? ? mapTypeControl: false,
? ? streetViewControl: false,
? ? zoomControl: false,
? ? fullscreenControl: false
? });
? setMarkers();
} // load();
setInterval(function() {
? setMarkers();
},3000);
- 1 回答
- 0 關(guān)注
- 148 瀏覽
添加回答
舉報
0/150
提交
取消