MapLibre GL JS เป็นไลบรารีโอเพ่นซอร์สสำหรับการเผยแพร่แผนที่บนเว็บไซต์หรือแอปที่ใช้ WebView ของคุณ การแสดงแผนที่อย่างรวดเร็วเป็นไปได้ด้วยการแสดงภาพเวกเตอร์ไทล์ที่เร่งด้วย GPU
มีต้นกำเนิดมาจากทางแยกโอเพ่นซอร์สของ mapbox-gl-js ก่อนที่จะเปลี่ยนไปใช้ใบอนุญาตที่ไม่ใช่ OSS ในเดือนธันวาคม 2020 เวอร์ชันเริ่มต้นของไลบรารี (1.x) มีวัตถุประสงค์เพื่อทดแทนแบบดรอปอินสำหรับ OSS ของ Mapbox เวอร์ชัน (1.x) พร้อมฟังก์ชันเพิ่มเติม แต่มีการพัฒนาไปมากตั้งแต่นั้นมา
รวมไฟล์ JavaScript และ CSS ไว้ใน <head>
ของไฟล์ HTML ของคุณ
<script src='https://unpkg.com/maplibre-gl@latest/dist/maplibre-gl.js'></script><link href='https://unpkg.com/maplibre-gl@latest /dist/maplibre-gl.css' rel='stylesheet' />
รวมรหัสต่อไปนี้ใน <body>
ของไฟล์ HTML ของคุณ
<div id='map' style='width: 400px; ความสูง: 300px;'></div><script>var map = new maplibregl.Map({ คอนเทนเนอร์: 'แผนที่' style: 'https://demotiles.maplibre.org/style.json', // ตำแหน่งสไตล์ชีต ศูนย์กลาง: [-74.5, 40], // ตำแหน่งเริ่มต้น [lng, lat] ซูม: 9 // เริ่มซูม});</script>
เพลิดเพลินไปกับแผนที่!
เอกสารฉบับเต็มสำหรับห้องสมุดนี้มีอยู่ที่นี่
ตรวจสอบคุณสมบัติผ่านตัวอย่าง
ตู้โชว์ | |
---|---|
ต้องการตัวอย่าง? ดูเอกสาร MapLibre GL JS อย่างเป็นทางการ
ใช้การเชื่อมโยง MapLibre GL JS สำหรับ React และ Angular ค้นหาเพิ่มเติมได้ที่ Awesome-maplibre
เข้าร่วม #maplibre slack channel ที่ OSMUS: รับคำเชิญที่ https://slack.openstreetmap.us/ อ่านคู่มือ CONTRIBUTING.md เพื่อทำความคุ้นเคยกับวิธีที่เราทำสิ่งต่างๆ ในบริเวณนี้
หากคุณใช้ซอฟต์แวร์ทางเลือกฟรีแทน mapbox-gl-js
โปรดพิจารณาเข้าร่วมความพยายามของเรา! ใครก็ตามที่มีส่วนร่วมใน Fork ที่นำโดยชุมชนเพื่อสุขภาพ ยินดีที่จะช่วยเรากำหนดขั้นตอนต่อไป เรายินดีต้อนรับผู้มีส่วนร่วมและผู้นำ! MapLibre GL JS แสดงให้เห็นถึงความพยายามร่วมกันของความพยายามในการแยกข้อมูลในช่วงแรกๆ เพียงไม่กี่ครั้ง และเราทุกคนได้รับประโยชน์จาก "โครงการเดียว" มากกว่า "แนวทางของเรา" หากคุณรู้จักส้อมอื่นๆ โปรดติดต่อพวกเขาและแนะนำพวกเขาที่นี่
MapLibre GL JS ได้รับการพัฒนาตาม Semantic Versioning (2.0.0)
เราเสนอค่าหัวสำหรับงานบางอย่างใน repo MapLibre GL JS อ่านเพิ่มเติมเกี่ยวกับ Bounties ในคำแนะนำทีละขั้นตอนของเรา:
https://maplibre.org/roadmap/step-by-step-bounties-guide/
และค้นหา Bounties ที่เผยแพร่ในปัจจุบันทั้งหมดใน MapLibre GL JS ที่นี่
เราขอขอบคุณทุกคนที่สนับสนุนเราทางการเงินในอดีต และขอขอบคุณเป็นพิเศษสำหรับผู้คนและองค์กรที่สนับสนุนเราด้วยการบริจาคซ้ำ!
อ่านเพิ่มเติมเกี่ยวกับโปรแกรมผู้สนับสนุน MapLibre ได้ที่ https://maplibre.org/sponsors/
ทอง:
เงิน:
ผู้สนับสนุนและผู้สนับสนุน:
เราขอขอบคุณการทำงานอันน่าทึ่งที่ Mapbox ได้มีส่วนสนับสนุนโอเพ่นซอร์ส ชุมชนโอเพ่นซอร์สรู้สึกเสียใจที่ต้องแยกทางกับพวกเขา แต่เราก็รู้สึกขอบคุณสำหรับทุกสิ่งที่พวกเขามีส่วนร่วมไปพร้อมๆ กัน mapbox-gl-js
1.x เป็นความสำเร็จแบบโอเพ่นซอร์สที่ปัจจุบันใช้เป็น maplibre-gl
เราภูมิใจที่ได้พัฒนาบนไหล่ของยักษ์ใหญ่ ขอบคุณ Mapbox ??♀️
โปรดจำไว้ว่า: backport ที่ไม่ได้รับอนุญาตถือเป็นภัยคุกคามที่ใหญ่ที่สุดสำหรับโปรเจ็กต์ MapLibre โค้ด backport จาก mapbox-gl-js ไม่สามารถยอมรับได้ ซึ่งไม่ครอบคลุมอยู่ในใบอนุญาต BSD-3 เดิม หากคุณไม่แน่ใจเกี่ยวกับปัญหานี้ โปรดถาม!
MapLibre GL JS ได้รับอนุญาตภายใต้ใบอนุญาต BSD 3 ข้อ