maplibre gl js下载 - maplibre gl js源码下载

maplibre gl js

其他源码

v4.7.1

下载

MapLibre GL JS

MapLibre GL JS是一个开源库，用于在您的网站或基于 Web 视图的应用程序上发布地图。得益于 GPU 加速的矢量切片渲染，可以快速显示地图。

它最初是 mapbox-gl-js 的开源分支，在 2020 年 12 月切换到非 OSS 许可证之前。该库的初始版本 (1.x) 旨在成为 Mapbox 的 OSS 的直接替代品版本 (1.x) 具有附加功能，但自那时以来已经发展了很多。

入门

将 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/ 获得邀请。阅读 CONTRIBUTING.md 指南，以熟悉我们如何在这里做事。

避免碎片化

如果您依赖mapbox-gl-js的免费软件替代品，请考虑加入我们的努力！欢迎任何与社区主导的健康分叉有利害关系的人帮助我们确定下一步行动。我们欢迎贡献者和领导者！ MapLibre GL JS 已经代表了一些早期分支努力的共同努力，我们都受益于“一个项目”而不是“我们的方式”。如果您知道其他叉子，请联系他们并将其引导至此处。