首页 新闻中心 技术文档 OpenLayers中文教程文档

OpenLayers介绍

发布时间:2021-12-12 22:45:57   浏览量:3160   作者:openlayers.org

OpenLayers介绍

现代 JavaScript 在使用和创作模块时效果最好。使用 OpenLayers 的推荐方法是安装ol包。本教程将引导您设置一个简单的开发环境,该环境需要node才能正常工作。

在本教程中,我们将使用Parcel来捆绑我们的应用程序。还有其他几个选项,其中一些从README链接。

应用程序设置

为您的项目创建一个新的空目录并通过运行导航到该目录mkdir new-project && cd new-project。初始化你的项目

npx create-ol-app

您需要git安装上述命令才能工作。如果您收到错误消息,请确保您的系统上安装了Git。

这将安装ol包,成立了一个开发环境,额外的依赖,并给你一个index.htmlmain.js你的应用程序的起点。默认情况下,Parcel将用作模块加载器和捆绑器。有关create-ol-app使用其他捆绑器的详细信息,请参阅文档。

启动开发服务器

npm start

您现在可以访问http://localhost:1234/来查看您的应用程序。开始对index.htmlmain.js文件进行更改以添加其他功能。

要创建应用程序的生产包,只需键入

npm run build

并将dist/文件夹复制到您的生产服务器。