OpenLayers

前言 本节主要介绍点选查询。 1. 点选查询 在使用OpenLayers做点选查询时就不得不说一下forEachFeatureAtPixel方法了，此方法作为Map对象的属性，在做数据查询时非常简单和

前言 导出地图为图片请参考之前的文章：【OpenLayers地图打印】 1. 初始化选择框事件 设置纸张和导出分辨率大小，在layui选择框中监听纸张类型和分辨率大小事件。 2. 初始化纸张类型 从网

前言 在OpenLayers中想要开启declutterMode模式，需要将图层属性declutter值设置为true。为了演示方便，本文在之前文章【OpenLayers 调整标注样式】的基础上进行修

前言 1. 样式类RegularShape 该类可以为矢量要素设置常规样式。当提供一个半径时，将绘制一个常规多边形；当同时提供半径1和半径2时，将绘制成星****形。在【OpenLayers 绘制几何

# 前言 > ❝ > > 最近，在`OpenLayers`官网看到一个有趣的例子，通过在地图上生成一些随机点，然后利用三角算法使这些点进行周期运动。 # 1. 生成点样式 在例子中给随机点设置填充和边

前言 1. 构建HTML结构 在页面中添加撤销按钮并将调整清除按钮位置，然后添加相应CSS。 2. 撤销绘制 在Draw控件中有一个方法removeLastPoint，使用此方法会移除绘制图形最后一个

前言 1. 图形绘制 本篇文章主要介绍如何设置几何对象线段样式，对于如何进行图形绘制请参考文章OpenLayers 绘制几何对象 2. 创建线段样式结构 在页面中创建线段样式结构并添加其CSS。线段样

前言 一、地图篇 OpenLayers 开发环境搭建 OpenLayers 加载天地图 OpenLayers 加载ArcGIS瓦片数据 OpenLayers 加载ArcGIS矢量地图数据 OpenLa

前言 1. 图形绘制原理 图形绘制通过与地图交互来完成，在地图单击事件中开始绘制对象，在地图移动事件中绘制临时对象，最后在地图双击事件或者鼠标右键事件中结束绘制。在OpenLayers中已经提供了一个

前言 1. 鹰眼控件 鹰眼图可以叫做鸟瞰图或者缩略图。在鹰眼中，可以显示当前地图范围，可以移动或者拖动到目标位置。鹰眼显示范围大，内容相对粗略。OpenLayers鹰眼控件默认显示在地图左下角，可以通

在昨天的文章OpenLayers全屏控件介绍中，控件属性类型Text没有完整的介绍清楚，从官网上查询是有一个Text类型，属于样式类。我之前以为文档中所标注的Text类型即为该类型。经过读者提醒，发现

前言 1. 使用默认加载 OpenLayers加载地图控件的方式与加载地图交互控件的方式一致，只是属性名称不一样，一个是interactions，另一个是controls。使用默认方式加载地图控件时，

前言 1. 自定义交互类 创建拖动类Drag，并继承ol.interaction.Pointer类。在构造函数中初始化使用super函数初始化鼠标事件，然后设置坐标和鼠标样式。 PointerInte

前言 1. customElements元素 customElements属于全局属性，是window对象上的只读属性，用于创建自定义HTML元素。该元素继承自HTMLElement ，可以通过cus

前言 1. 创建HTML 设置3个input数据框分别显示X、Y、Z切片坐标。默认值为100、54和7，可以自行修改。再添加一个切片下载按钮。 添加结构CSS： 2. 添加格网 使用TileDebug

前言 本篇教程在之前一系列文章的基础上讲解如何将使用GeoTools工具结合OpenLayers实现PostGIS空间数据库数据的属性查询功能。 开发环境 本文使用如下开发环境，以供参考。 :::bl

前言 1. 旋转控件简介 此控件通过按住shift键结合鼠标左键或右键进行使用。在按住键盘 shift 键的同时，鼠标点击地图进行拖动可以实现地图的旋转和缩放操作。但是此交互仅支持鼠标设备。 在使用旋

前言 对于像GeoJSON、KML等地理数据格式的文件，最常用的方法都是通过VectorLayer进行渲染。除此之外，还可以使用VectorImage（矢量影像图层）进行渲染。本文主要介绍在客户端拖动

前言 在WebGIS系统开发中，通常需要实现文件上传功能，这只是第一步，在实现文件上传进行分析之后，还需要将分析的结果保存下来，这就需要实现文件下载的功能。 1. 文件下载关键代码 文件下载的关键代码

前言 通常的文件上传方式都是点击上传功能按钮，然后选择相应文件进行上传。本文介绍另一种方式，拖拽上传文件，通过选择目标文件，拖动到地图窗口中进行上传，主要实现GeoJSON、KML等文件拖拽上传。 1