OpenLayers
关注
分享
扫一扫
naturessdfsafagf
这个作者很懒，什么都没留下…
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
OpenLayer学习班6-绘制要素
Drawing new features 我们的Feature编辑器现在已经可以加载和修改features了，下一步，我们将添加一个Draw交互组件，以便可以绘制一些新的要素。 首先import Draw interaction (in main.js): import Draw from 'ol/interaction/Draw'; 现在，创建一个Draw组件实例，并配置这个实例绘制多边形并...翻译 2019-10-18 16:20:44 · 251 阅读 · 0 评论 -
OpenLayer学习班5-修改要素
修改Feature 现在，我们已经为用户提供了一种将数据加载到编辑器中的方法，我们希望让他们编辑Feature。为此，我们将使用Modify交互组件，将其配置为修改vector source上的Feature。 首先，在您的main.js中导入Modify交互： import Modify from 'ol/interaction/Modify'; 接下来，创建一个连接到vector sourc...翻译 2019-10-17 14:26:59 · 193 阅读 · 0 评论 -
OpenLayer学习班4-矢量数据之拖放
对于Feature编辑器，我们希望用户能够导入自己的数据进行编辑。为此，我们将使用DragAndDrop组件。和以前一样，我们将使用GeoJSON格式来解析Feature，但是可以将交互配置为可使用任何数量的feature格式。 在本练习中，我们将把地图传递给许多其他组件，因此请确保已将地图分配给名为map的变量： const map = new Map({ 将拖放交互导入到main.js中： ...翻译 2019-10-15 17:31:08 · 213 阅读 · 0 评论 -
OpenLayer学习班3-矢量数据之加载GeoJSON
概述 在此模块中，我们将创建一个用于处理矢量数据的编辑器。我们的目标是做到这一点，以便用户可以导入数据，绘制新Feature，修改现有Feature以及导出结果。我们将在此模块中使用GeoJSON数据，但如果您有兴趣使用其他来源，则OpenLayers支持多种矢量格式。 加载GeoJSON 在进行编辑之前，我们将介绍带有vector source和layer的基本Feature渲染。该项目在数据目...翻译 2019-10-15 17:15:19 · 470 阅读 · 0 评论 -
OpenLayer学习班2-基础知识
基础知识 确保按照安装说明安装了依赖并运行开发服务器。 现在让我们开始创建一个带有OpenLayers 地图的简单网页，并理解代码。 在OpenLayers中，地图是渲染到网页上的图层的集合。要创建地图，您需要一些标记（HTML）来创建地图视口（例如元素），一些样式，以便为地图视口提供页面上的适当尺寸，以及地图初始化代码。 OpenLayers支持不同种类的图层： • Tile layers fo...翻译 2019-10-15 17:09:32 · 211 阅读 · 0 评论 -
OpenLayer学习班1-介绍
OpenLayers 讲习班 欢迎来到OpenLayers讲习班。该讲习班旨在为您提供OpenLayers作为Web地图解决方案的全面概述。 安装 下载openlayers-workshop-en.zip，此外你还需要安装nodejs 版本8以上，下载完解压之后，转到openlayers-workshop-en目录并安装一些其他依赖项： npm install 现在您可以启动workshop开发...翻译 2019-10-15 15:31:16 · 206 阅读 · 0 评论 -
OpenLayers 学习--快速入门
概述 本入门教程向您展示如何在网页上放置一个简单的地图。 在页面上放置地图 创建一个新文件，复制以下内容，然后在浏览器中打开： <!doctype html> <html lang="en"> <head> <link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/openlayers/o...翻译 2019-10-14 13:54:39 · 1025 阅读 · 0 评论