Запитання з тегом «leaflet»


4
Як змінити центр карти в Leaflet.js
Наступний код ініціалізує карту листівки. Функція ініціалізації орієнтує карту на основі місцезнаходження користувача. Як змінити центр карти на нове положення після виклику функції ініціалізації? function initialize() { map = L.map('map'); L.tileLayer('http://{s}.tile.cloudmade.com/BC9A493B41014CAABB98F0471D759707/997/256/{z}/{x}/{y}.png', { maxZoom: 18, attribution: 'Map data © <a href="http://openstreetmap.org">OpenStreetMap</a> contributors, <a href="http://creativecommons.org/licenses/by-sa/2.0/">CC-BY-SA</a>, Imagery © <a href="http://cloudmade.com">CloudMade</a>' }).addTo(map); map.locate({setView: true, …

4
Зберігання графічних даних для офлайн-веб-застосунку (база даних для зберігання на клієнті)
У мене є офлайн-веб-додаток із використанням програми кешування. Мені потрібно надати приблизно 10 Мб - 20 МБ даних, які вони збережуть (на стороні клієнта), що складаються переважно з файлів зображень PNG. Операція полягає в наступному: Веб-додаток завантажує та встановлює в appcache (використовує маніфест) Запити веб-додатків із файлів даних PNG сервера …

9
Листовка - Як знайти існуючі маркери та видалити маркери?
Я почав використовувати листівку як карту з відкритим кодом, http://leaflet.cloudmade.com/ Наступний код jQuery дозволить створити маркери на карті, натиснувши на карту: map.on('click', onMapClick); function onMapClick(e) { var marker = new L.Marker(e.latlng, {draggable:true}); map.addLayer(marker); marker.bindPopup("<b>Hello world!</b><br />I am a popup.").openPopup(); }; Але наразі в моєму коді немає способу видалити існуючі маркери …
102 jquery  leaflet 

9
Як посилатись на статичні активи в javascript vue
Я шукаю правильну URL-адресу для посилання на статичні ресурси, такі як зображення в Javascript Vue. Наприклад, я створюю маркер листівки за допомогою зображення власного значка, і я спробував кілька URL-адрес, але всі вони повертають 404 (Not Found): Main.vue: var icon = L.icon({ iconUrl: './assets/img.png', iconSize: [25, 25], iconAnchor: [12, 12] …

Використовуючи наш веб-сайт, ви визнаєте, що прочитали та зрозуміли наші Політику щодо файлів cookie та Політику конфіденційності.
Licensed under cc by-sa 3.0 with attribution required.