Pertanyaan yang diberi tag «leaflet»

Bagaimana cara mengatur tampilan untuk melihat semua penanda pada peta di Mapbox atau Leaflet ? Seperti yang dilakukan Google Maps API dengan bounds? Misalnya: var latlngbounds = new google.maps.LatLngBounds(); for (var i = 0; i < latlng.length; i++) { latlngbounds.extend(latlng[i]); } map.fitBounds(latlngbounds);

124 leaflet  mapbox 

Kode berikut menginisialisasi peta selebaran. Fungsi inisialisasi memusatkan peta berdasarkan lokasi pengguna. Bagaimana cara mengubah pusat peta ke posisi baru setelah memanggil fungsi inisialisasi? 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, …

111 javascript  leaflet 

Saya memiliki aplikasi web offline menggunakan appcaching. Saya perlu menyediakan sekitar 10MB - 20MB data yang akan disimpan (sisi klien) yang sebagian besar terdiri dari file gambar PNG. Pengoperasiannya adalah sebagai berikut: Download dan penginstalan aplikasi web di appcache (menggunakan manifes) Permintaan aplikasi web dari file data server PNG (caranya? …

105 javascript  html  web-applications  indexeddb  leaflet 

Saya sudah mulai menggunakan leaflet sebagai peta open source, http://leaflet.cloudmade.com/ Kode jQuery berikut akan memungkinkan pembuatan penanda pada peta di klik peta: 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(); }; Tetapi saat ini tidak ada cara bagi saya (dalam …

102 jquery  leaflet 

Saya mencari url yang tepat untuk mereferensikan aset statis, seperti gambar dalam Vue javascript. Misalnya, saya membuat penanda selebaran menggunakan gambar ikon khusus, dan saya sudah mencoba beberapa url, tetapi semuanya mengembalikan 404 (Not Found): Main.vue: var icon = L.icon({ iconUrl: './assets/img.png', iconSize: [25, 25], iconAnchor: [12, 12] }); Saya …

90 javascript  vue.js  leaflet