MapLibre GL JS是一個開源程式庫,用於在您的網站或基於 Web 視圖的應用程式上發布地圖。得益於 GPU 加速的向量切片渲染,可以快速顯示地圖。
它最初是 mapbox-gl-js 的開源分支,在 2020 年 12 月切換到非 OSS 許可證之前。 ) 具有附加功能,但自那時以來已經發展了很多。
將 JavaScript 和 CSS 檔案包含在 HTML 檔案的<head>
中。
<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' />
將以下程式碼包含在 HTML 檔案的<body>
中。
<div id='地圖' style='寬度:400px;高度:300px;'></div><script>var map = new maplibregl.Map({ 容器:'地圖', style: 'https://demotiles.maplibre.org/style.json', // 樣式表位置 center: [-74.5, 40], // 起始位置 [lng, lat] Zoom: 9 // 開始縮放});</script>
享受地圖吧!
該庫的完整文件可在此處找到。
透過範例查看功能。
展示櫃 | |
---|---|
想要一個例子嗎?查看官方 MapLibre GL JS 文件。
將 MapLibre GL JS 綁定用於 React 和 Angular。欲了解更多信息,請訪問 Awesome-maplibre。
加入 OSMUS 的 #maplibre slack 頻道:透過 https://slack.openstreetmap.us/ 獲得邀請。
如果您依賴mapbox-gl-js
的免費軟體替代品,請考慮加入我們的努力!歡迎任何與社區主導的健康分叉有利害關係的人幫助我們確定下一步行動。我們歡迎貢獻者和領導者! MapLibre GL JS 已經代表了一些早期分支努力的共同努力,我們都受益於「一個專案」而不是「我們的方式」。如果您知道其他叉子,請聯繫他們並將其引導至此處。
MapLibre GL JS是按照語意版本控制 (2.0.0) 開發的。
我們為 MapLibre GL JS 儲存庫中的某些任務提供賞金。在我們的逐步指南中閱讀有關賞金的更多資訊:
https://maplibre.org/roadmap/step-by-step-bounties-guide/
並在此處找到 MapLibre GL JS 中目前發布的所有賞金。
我們感謝過去在經濟上支持我們的所有人,特別感謝經常捐款支持我們的個人和組織!
請造訪 https://maplibre.org/sponsors/ 以了解有關 MapLibre 贊助計畫的更多資訊。
金子:
銀:
支持者和支持者:
我們要感謝 Mapbox 為開源所做的出色工作。開源社群很遺憾與他們分道揚鑣,但我們同時對他們已經貢獻的一切表示感謝。 mapbox-gl-js
1.x 是一項開源成果,現在以maplibre-gl
形式存在。我們很自豪能夠在巨人的肩膀上發展,謝謝Mapbox??♀️。
請記住:未經授權的向後移植是 MapLibre 專案的最大威脅。從 mapbox-gl-js 向後移植程式碼是不可接受的,先前的 BSD-3 授權不涵蓋該程式碼。如果您對這個問題不清楚,請詢問!
MapLibre GL JS根據 3-Clause BSD 許可證獲得許可。