OpenLayers

OpenLayers 是一款高性能、功能丰富的库，用于在网页上创建交互式地图。它能够显示来自任何源并在任何网页上加载的地图瓦片、矢量数据以及标记。OpenLayers 被开发出来以促进各类地理信息的使用。它是完全免费的开源 JavaScript 库，遵循 BSD 2-Clause 许可发布。

快速入门

安装 ol 包：

npm install ol

仅导入您的应用程序所需的内容：

import Map from 'ol/Map';
import View from 'ol/View';
import TileLayer from 'ol/layer/Tile';
import XYZ from 'ol/source/XYZ';

new Map({
  target: 'map',
  layers: [
    new TileLayer({
      source: new XYZ({
        url: 'https://tile.openstreetmap.org/{z}/{x}/{y}.png'
      })
    })
  ],
  view: new View({
    center: [0, 0],
    zoom: 2
  })
});

查看以下示例，了解更多关于将 OpenLayers 与您的应用程序捆绑的细节：

• 使用 Vite
• 使用 Rollup
• 使用 webpack
• 使用 Parcel

若想了解在不使用基于 Node.js 的设置下快速原型设计的细节，请查看 Skypack 示例。

赞助商

OpenLayers 感谢各种形式的贡献。特别感谢我们的财政赞助商，他们对项目的持续维护作出贡献。

Pozi 通过空间思考连接社区。 我们热爱 Openlayers，它是我们平台的核心部分。 https://pozi.com/ https://app.pozi.com/

yey'maps 是一个可扩展的云 GIS 套件，采用强大的 Openlayers API 和 GDAL 库开发而成。 https://www.yeymaps.io/

我们开发领先的物理安全信息管理系统（PSIM）软件。 OpenLayers 是我们地图引擎的核心，我们喜欢它！ https://ela.pl/

我们推动空间信息的整体利用和普及，以实现更合理规划、建设和管理的社会。 https://www.ubigu.fi/

创建自定义地图，并在房地产、工程、研究、商业、探索、建筑、制造等领域发现洞察。 https://www.scribblemaps.com/

如果您也有兴趣成为常规赞助商，请查看我们的 GitHub 赞助商页面 或 Open Collective。

TypeScript 支持

ol 包 包含自动生成的 TypeScript 声明文件，格式为 *.d.ts。

支持的浏览器

OpenLayers 在全球使用率超过 1% 的所有现代浏览器上运行，包括 Chrome、Firefox、Safari 和 Edge。对于旧版浏览器，可能需要添加 polyfills（Fastly 或 Cloudflare）。

文档

查看 在线示例、研讨会 或 API 文档。

Bug 反馈

请使用 GitHub issue 追踪器 反馈所有 bug 和功能请求。在创建新 issue 前，请快速搜索一下看问题是否已被报告。

参与贡献

如果您有兴趣参与贡献，请查看我们的 贡献指南。

社区

• 需要帮助？在 Stack Overflow 使用 'openlayers' 标签 查找答案
• 关注 @openlayers 在 Twitter 上的动态