คำถามติดแท็ก leaflet

ฉันจะตั้งค่ามุมมองเพื่อดูเครื่องหมายทั้งหมดบนแผนที่ในMapboxหรือLeaflet ได้อย่างไร เช่นเดียวกับ Google Maps API กับbounds? เช่น: var latlngbounds = new google.maps.LatLngBounds(); for (var i = 0; i < latlng.length; i++) { latlngbounds.extend(latlng[i]); } map.fitBounds(latlngbounds);

124 leaflet  mapbox 

รหัสต่อไปนี้เริ่มต้นแผนผังแผ่นพับ ฟังก์ชัน initialize จะจัดศูนย์แผนที่ตามตำแหน่งของผู้ใช้ ฉันจะเปลี่ยนศูนย์กลางของแผนที่ไปยังตำแหน่งใหม่หลังจากเรียกใช้ฟังก์ชัน initialize ได้อย่างไร 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, maxZoom: 8}); }

111 javascript  leaflet 

ฉันมีแอปพลิเคชันเว็บออฟไลน์โดยใช้ appcaching ฉันต้องให้ข้อมูลประมาณ 10MB - 20MB ที่จะบันทึก (ฝั่งไคลเอ็นต์) ซึ่งประกอบด้วยไฟล์ภาพ PNG เป็นหลัก การดำเนินการมีดังนี้: ดาวน์โหลดและติดตั้งแอปพลิเคชันบนเว็บใน appcache (ใช้รายการ) คำขอเว็บแอปจากไฟล์ข้อมูล PNG ของเซิร์ฟเวอร์ (อย่างไร - ดูทางเลือกอื่นด้านล่าง) บางครั้งเว็บแอปจะซิงค์กับเซิร์ฟเวอร์และทำการอัปเดต / ลบ / เพิ่มเติมบางส่วนในฐานข้อมูล PNG FYI: เซิร์ฟเวอร์เป็นเซิร์ฟเวอร์ JSON REST ที่สามารถวางไฟล์ใน wwwroot เพื่อรับได้ นี่คือการวิเคราะห์ "ฐานข้อมูล" แบบไคลเอ็นต์ในปัจจุบันของฉันที่จัดการพื้นที่จัดเก็บไบนารี Blob ดูอัปเดตที่ด้านล่าง AppCache (ผ่านรายการเพิ่ม PNG ทั้งหมดแล้วอัปเดตตามต้องการ) CON: การเปลี่ยนแปลงใด ๆ ของรายการฐานข้อมูล PNG จะหมายถึงการดาวน์โหลดรายการทั้งหมดในไฟล์ Manifest …

107 javascript  html  web-applications  indexeddb  leaflet 

ฉันได้เริ่มใช้แผ่นพับเป็นแผนที่โอเพ่นซอร์ส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(); }; แต่ขณะนี้ไม่มีวิธีใดสำหรับฉัน (ในรหัสของฉัน) ในการลบเครื่องหมายที่มีอยู่หรือค้นหาเครื่องหมายทั้งหมดที่ฉันสร้างขึ้นบนแผนที่และใส่ลงในอาร์เรย์ ใครสามารถช่วยฉันเข้าใจวิธีการทำเช่นนี้? ดูเอกสารแผ่นพับได้ที่นี่: http://leaflet.cloudmade.com/reference.html

102 jquery  leaflet 

ฉันกำลังมองหา URL ที่ถูกต้องเพื่ออ้างอิงเนื้อหาแบบคงที่เช่นรูปภาพภายใน Vue javascript ตัวอย่างเช่นฉันกำลังสร้างเครื่องหมายแผ่นพับโดยใช้รูปภาพไอคอนที่กำหนดเองและฉันได้ลองใช้ URL หลายรายการแล้ว แต่ทั้งหมดส่งกลับ404 (Not Found): Main.vue: var icon = L.icon({ iconUrl: './assets/img.png', iconSize: [25, 25], iconAnchor: [12, 12] }); ฉันได้ลองใส่รูปภาพในโฟลเดอร์ assets และโฟลเดอร์แบบคงที่โดยไม่มีโชค ฉันต้องบอกให้ vue โหลดภาพเหล่านั้นหรือไม่?

98 javascript  vue.js  leaflet 

Leaflet และ Mapbox คืออะไรและอะไรคือความแตกต่างหรือการใช้งานของทั้งสอง? อะไรคือความแตกต่างที่สำคัญใน API

85 api  dictionary  leaflet  mapbox