再會！我有一個使用 cordova （html 和 javascript）的本機應(yīng)用程序。當用戶更改其位置或坐標更改時，我需要幫助實時移動地圖上的標記。這是完整的源代碼mapping.jsvar mbAttr = 'Map data © <a href="https://www.openstreetmap.org/">OpenStreetMap</a> contributors, ' + '? <a href="https://www.mapbox.com/">Mapbox</a>', mbUrl = "https://api.tiles.mapbox.com/v4/{id}/{z}/{x}/{y}.png?access_token=pk.eyJ1IjoibWFwYm94IiwiYSI6ImNpejY4NXVycTA2emYycXBndHRqcmZ3N3gifQ.rJcFIG214AriISLbB6B5aw";var redIcon = new L.Icon({ iconUrl: "https://cdn.rawgit.com/pointhi/leaflet-color-markers/master/img/marker-icon-2x-red.png", shadowUrl: "https://cdnjs.cloudflare.com/ajax/libs/leaflet/0.7.7/images/marker-shadow.png", iconSize: [25, 41], iconAnchor: [12, 41], popupAnchor: [1, -34], shadowSize: [41, 41]});var violetIcon = new L.Icon({ iconUrl: "https://cdn.rawgit.com/pointhi/leaflet-color-markers/master/img/marker-icon-2x-violet.png", shadowUrl: "https://cdnjs.cloudflare.com/ajax/libs/leaflet/0.7.7/images/marker-shadow.png", iconSize: [35, 51], iconAnchor: [17, 51], popupAnchor: [1, -34], shadowSize: [51, 51]});var streets = L.tileLayer(mbUrl, { id: "mapbox.streets", attribution: mbAttr });var mymap;var locationHistory = [];var watch;function f1(a, b) { lat = a; lon = b; mymap = L.map("mapid", { center: [14.54965, 121.00737], zoom: 16, layers: [streets] });因此，我的 html 文件上有 3 個按鈕，它們調(diào)用 js 文件中的 3 個函數(shù) - startWatching()，stopWatching()以及showHistory()function startWatching()將在用戶移動或改變位置時觀察坐標。 function stopWatching()將停止觀看或獲取坐標。 function showHistory()將顯示觀看的坐標列表。var redIcon是用戶位置的標記，之后getLocation() var violetIcon是定義位置的標記將function f1(a, b)在地圖上顯示 2 個標記 - 一個標記用于定義的位置，另一個標記是function getLocation()發(fā)生時用戶的位置?，F(xiàn)在，當用戶更改其位置或在地圖上生成新坐標時，我需要移動用戶位置的標記。我希望有人能在這方面幫助我。預(yù)先感謝`
1 回答
回首憶惘然
TA貢獻1847條經(jīng)驗 獲得超11個贊
您需要在f1函數(shù)之外訪問您的用戶標記。您可以通過將標記分配給全局定義的變量來完成此操作。
在全局范圍內(nèi)定義標記變量。
var userMarker = null;
在您的f1函數(shù)中將創(chuàng)建的標記分配給userMarker變量。
function f1(a, b) {
? ...
? userMarker = L.marker([a, b], { icon: redIcon })
? ? .addTo(mymap)
? ? .bindPopup("You are here.")
? ? .openPopup()
? ? .update();
}
現(xiàn)在，當用戶的位置已更新時，您可以userMarker在函數(shù)中使用標記實例。onSuccess使用該setLatLng()方法用新坐標更新標記的位置。
function onSuccess(position) {
? // Destructure assignment to get the lat and long from the position object.
? let { latitude, longitude } = position.coords;
? if (userMarker !== null) {
? ? userMarker.setLatLng([latitude, longitude]);
? }
}
- 1 回答
- 0 關(guān)注
- 127 瀏覽
添加回答
舉報
0/150
提交
取消