มีไลบรารี JavaScript แบบโอเพ่นซอร์สเช่น Leaflet หรือ OpenLayers ซึ่งสามารถใช้ในเว็บหรือแอปพลิเคชันมือถือและโหลดแผนที่แบบเวกเตอร์แทนภาพหรือไม่? ฉันต้องการข้อมูลถนนและ POI บางแห่งเท่านั้น
ไลบรารีเดียวที่ฉันพบคือpolymaps - แต่ฉันยังต้องการเซิร์ฟเวอร์หรือบริการที่ให้บริการข้อมูล SVG แบบเวกเตอร์ (ดีกว่าจาก OpenStreetMap) นอกจากนี้ยังมีโครงการ Android ที่ดีที่เรียกว่าMapsforgeแต่ฉันต้องการมันสำหรับเว็บแอปพลิเคชันหรืออุปกรณ์มือถืออื่น ๆ
คำตอบ:
เราเริ่มหน้าเว็บเพื่อรวบรวมลิงค์และข้อมูลเกี่ยวกับแผ่นกระเบื้องแบบเวกเตอร์ใน OpenStreetMap Wiki (อยู่ระหว่างดำเนินการ):
สำหรับแค่การวาดเวกเตอร์LeafletหรือOpenLayersก็ทำได้ดี ไม่มีอะไรใหม่ที่นั่น
สำหรับเวกเตอร์กระเบื้องแผนที่ (เช่นความละเอียดที่แตกต่างกัน / ระดับของรายละเอียดในระดับที่แตกต่างกันซูม) TileStacheเป็นเซิร์ฟเวอร์ที่ง่ายและดี ฉันใช้กับการทดลองกับ Polymaps จำนวนมาก (AFAIK โปรแกรมดูเวกเตอร์แบบไทล์ js แบบปูกระเบื้องที่ใช้งานทั่วไปเท่านั้น) บางคนใช้OpenLayers เพื่อเพิ่มการสนับสนุนเวกเตอร์แบบเรียงต่อกัน แต่ AFAIK มันไม่ได้รวมเข้ากับลำตัวในหนึ่งปีดังนั้นมันอาจจะไม่เกิดขึ้นในอนาคตอันใกล้เพราะขาดความสนใจ
TileStache (เซิร์ฟเวอร์) ตัวมันเองทำงานได้ดีมาก อย่างไรก็ตามฉันพบข้อบกพร่องหลายอย่างใน Polymaps และเนื่องจากมันไม่ได้รับการอัปเดตอีกต่อไป (โครงการที่ถูกทอดทิ้ง) ฉันไม่สามารถโน้มน้าวตัวเองให้ใช้มันในการผลิตได้ (ฉันต้องรักษามันด้วยตัวเอง ... ตัวฉันเอง)
ทางออกของฉันสำหรับฉันได้รับการเขียนที่กำหนดเอง OpenGL renderer เวกเตอร์พื้นเมืองซึ่งจะใช้ในAmigoCloud ในความเป็นจริงนั่นคือวิธีการแสดงแผนที่ทั้งหมดในบริการของเรา สำหรับจุดประสงค์นั้น TileStache ส่งมอบค่อนข้างดี
คุณต้องการที่จะมองไปที่ผู้ให้บริการ TileStache เวกเตอร์ สำหรับตัวอย่างเกี่ยวกับวิธีการใช้มันคุณสามารถดูที่พื้นฐานมากชุดทดสอบเวกเตอร์ที่ผมเขียน
น่าเศร้าที่ฉันไม่คิดว่า Leaflet มีการสนับสนุนเวกเตอร์ที่มีการปูกระเบื้อง
For just drawing vectors, Leaflet or OpenLayers will do just fine. Nothing new there.นี้จะใช้งานได้หากเวกเตอร์มีการซ้อนทับ แต่จะทำอย่างไรถ้าแผนที่ทั้งหมด (ชั้นฐานทั้งหมด) จัดเป็นเวกเตอร์หรือไม่
อัปเดต: ตั้งแต่การโพสต์สิ่งนี้ Mapbox เปิดตัวMapbox GL JSซึ่งใช้การแสดงผลแผนที่ฐานเวกเตอร์ WebGL ในเบราว์เซอร์
ณ จุดนี้ไม่มีตัวเลือกที่จัดตั้งขึ้น แผนที่ผลิตแบบเวกเตอร์เต็มรูปแบบเพียงอย่างเดียวคือ MapsGL ของ Google และมีข้อ จำกัด อย่างมากเนื่องจากการสนับสนุนและประสิทธิภาพของเบราว์เซอร์
สิ่งที่ใกล้เคียงที่สุดที่คุณจะได้รับจากโอเพ่นซอร์สในขณะนี้คือKothic.jsและกลิ้งแผ่นบันทึกของคุณเองด้วยสคริปต์ของ Kothic
ถ้าฉันเข้าใจคำถามของคุณถูกต้องทั้ง OpenLayers และ Leaflet จะโหลด / แสดงข้อมูลเวกเตอร์
ตัวอย่างเช่น
http://leafletjs.com/examples/geojson/
สิ่งนี้จะโหลดไฟล์ GeoJSON ไปยังแผนที่แผ่นพับซึ่งใช้ OSM ผ่าน CloudMade ในพื้นหลัง
OpenLayers อาจรองรับรูปแบบเวกเตอร์ที่แตกต่างกันมากขึ้นเช่น KML
http://dev.openlayers.org/examples/dynamic-text-layer.html
หากคุณหมายความว่าคุณอยู่หลังเซิร์ฟเวอร์เพื่อให้บริการข้อมูลเวกเตอร์ลงบนแผนที่ให้ดูที่ MapServer, GeoServer และ ESRI ArcGIS Server ซึ่งทั้งหมดจะทำหน้าที่เซิร์ฟเวอร์ข้อมูลเวกเตอร์บนแผนที่ของคุณเป็น Web Feature Server (WFS)
<svg>องค์ประกอบมากเกินไปคุณควรคำนึงถึงเรื่องนี้ด้วย