openlayers

OpenLayers 选中移动要素

OpenLayers提供了一些成熟的交互控件可以做到。1.选中和移动控件Select和Translate分别是选中控件、移动控件，它们都在ol.interaction包下。
GIS之路·2025-06-29 16:24

OpenLayers 上传Shapefile文件

前言Shapefile是一种矢量数据文件，使用起来简单、方便。作为数据交换文件，在WebGIS开发中，经常需要实现实现上传shp文件。比如用户需要上传选址范围线或者叠加分析范围，都会选择上传shp文件。本文实现用户即可上传一个单独的shp文件，也可以上传包含所有shp文件的压缩包。在开始之前，请提前下载好所需引用文件：jszip:https://cdn.jsdelivr.net/npm/jszip
GIS之路·2025-06-25 21:24

WebGIS面试题（第十期）-OpenLayers

面试题10—OpenLayers文章目录1、OpenLayers和Leaflet两个库你都使用过，谈一谈你认为这两个库的区别。2、OpenLayers支持哪些坐标系统？
纸飞机的旅行·2025-06-25 09:27

openLayer使用Feature添加点线面图层

feature添加到数据源中5.将数据源添加到矢量图层对象6.将图层对象放入map对象中通过这六步完成添加点线面图层,可以按照这六步骤拆解问题,进而解决问题.同时不了解什么是矢量对象,数据源等等,可以查看文章openlayers
尽意啊·2025-06-25 01:03

Openlayers面试题198道

以下是关于OpenLayers的面试题目列表，涵盖了从基础概念、API使用、地图操作、图层管理、交互控制、数据处理、性能优化、插件开发到项目实战等多个方面。
还是大剑师兰特·2025-06-21 21:05

133：vue+cesium 实现水波纹效果

作者：还是大剑师兰特，曾为美国某知名大学计算机专业研究生，现为国内GIS领域高级前端工程师，CSDN知名博主，深耕openlayers、leaflet、mapbox、cesium，canvas，echarts
还是大剑师兰特·2025-06-21 21:04

OpenLayers 计算GeoTIFF影像NDVI

前言NDVI（NormalizedDifferenceVegetationIndex）即归一化植被指数，是反应农作物长势和营养信息的重要参数之一，用于监测植物生长状态、植被覆盖度和消除部分辐射误差。其值在[-1,1]之间，-1表示可见光高反射；0表示有岩石或裸土等，NIR和R近似相等；正值，表示有植被覆盖，且值越大，表明植被覆盖度越高。计算公式：NDVI=（NIR-RED）/(NIR+RED)1.
GIS之路·2025-06-20 20:49

Arcgis Map Server 可以访问, 但是地图页面空白的一种解决方法

说是更换了交换机(有可能是这个原因导致的).可以访问地图服务的主界面:http://XXX.XXX.XXX.XXX:6080/arcgis/rest/services/map/MapServer但是通过openlayers
ssxbxk·2025-06-18 14:30

OpenLayers 创建坐标系统

在OpenLayers或者其他地图开发库中，一般默认支持EPSG:4326地理坐标系和EPSG:3857投影坐标系，而在生产实践中，要求使用EPSG:4490（CGCS2000），也就是2000国家大地坐标系
GIS之路·2025-06-16 07:20

OpenLayers轨迹动画

OpenLayers是一款开源的地图库，可以在Web浏览器中显示交互式地图。它可以与OpenStreetMap、GoogleMaps、BingMaps等在线地图服务集成使用。
lixue7921·2025-06-16 07:19

OpenLayers动画效果

OpenLayers是一种流行的开源JavaScript库，用于创建交互式地图应用程序。它提供了丰富的功能和工具，包括支持动画效果的能力。
HsvvDatabase·2025-06-16 07:47

leaflet 图层管理（增加 、删除 、显隐控制）加载4326坐标系的图层（一）

加载4326坐标系leaflet默认使用3857的坐标系，如果之前使用的是openlayers,会发现leaflet坐标写法和openlayers坐标相反，因为openlayers默认使用4326坐标系
翠莲·2025-06-11 09:46

OpenLayers 获取地图状态

注：当前使用的是ol5.3.0版本，天地图使用的key请到天地图官网申请，并替换为自己的key地图状态信息包括中心点、当前缩放级别、比例尺以及当前鼠标移动位置信息等，在WebGIS开发中，地图状态可以方便快捷的向用户展示基本地图信息，有利于增强与用户的交互。本节主要介绍地图状态。1.获取地图缩放级别通过监听地图渲染完成事件postrender获取地图缩放级别。constzoomEle=docume
GIS之路·2025-06-10 21:19

玩转OpenLayers地图

一、引入地图1.h5端引入官网下载ol.js文件，放入项目文件夹，在要渲染地图的html文件引入2.pc端引入下载ol依赖，在要渲染地图的文件import引入二、创建地图容器三.定义地图和图层varmap,baseLayer,tileLayer,landInfoLayer,polygonFeatures,landLayer,polygonLayer,myCurrentFarmLand,locati
前端小白从0开始·2025-06-08 08:40

OpenLayers 地图标注之图文标注

注：当前使用的是ol5.3.0版本，天地图使用的key请到天地图官网申请，并替换为自己的key地图标注是将空间位置信息点与地图关联、通过图标、窗口等形式把相关信息展现到地图上。在WebGIS中地图标注是重要的功能之一，可以为用户提供个性化服务，如兴趣点等。地图标注表现方式有图文标注、Popup标注、聚合标注等。本节主要介绍加载图文标注。1.地图标注基本原理地图标注通过在已知坐标点添加图片、文字或者
GIS之路·2025-06-04 13:11

OpenLayers 图形交互编辑

在OpenLayers中，一般采用鼠标交互方式修改图形坐标。
GIS之路·2025-06-04 13:10

ThreeJS入门（225）：THREE.CSS2DRenderer 知识详解，示例代码

作者：还是大剑师兰特，曾为美国某知名大学计算机专业研究生，现为国内GIS领域高级前端工程师，CSDN知名博主，深耕openlayers、leaflet、mapbox、cesium，webgl，ThreeJS
还是大剑师兰特·2025-06-04 09:34

118：vue+leaflet 设定范围，只加载显示某个区域的瓦片

作者：还是大剑师兰特，曾为美国某知名大学计算机专业研究生，现为国内GIS领域高级前端工程师，CSDN知名博主，深耕openlayers、leaflet、mapbox、cesium，canvas，echarts
还是大剑师兰特·2025-06-03 11:56

OpenLayers加载百度地图

注：当前使用的是ol5.3.0版本，天地图使用的key请到天地图官网申请，并替换为自己的key随着GIS应用的不断发展，Web地图也越来越丰富，除了像ESRI、超图、中地数码这样GIS厂商有各自的数据源格式，也有Google、百度、高德、腾讯提供的GIS资源，如何加载各种GIS数据源，是WebGIS开发要解决的一个关键问题。本节主要介绍加载百度地图数据。1.如何加载百度地图数据可以参照瓦片地图的方
GIS之路·2025-05-28 08:21

OpenLayers 加载高德地图

注：当前使用的是ol5.3.0版本，天地图使用的key请到天地图官网申请，并替换为自己的key随着GIS应用的不断发展，Web地图也越来越丰富，除了像ESRI、超图、中地数码这样GIS厂商有各自的数据源格式，也有Google、百度、高德、腾讯提供的GIS资源，如何加载各种GIS数据源，是WebGIS开发要解决的一个关键问题。本节主要介绍加载高德地图数据。1.如何加载百度地图数据高德地图数据直接按照
GIS之路·2025-05-28 08:21

uniapp 整合 OpenLayers - 加载 arcgis server 图层

){},methods:{}}importMapfrom'ol/Map';importViewfrom'ol/View';importTileLayerfrom'ol/layer/Tile.js'//OpenLayers
破z晓·2025-05-28 08:20

OpenLayers 加载ArcGIS瓦片数据

注：当前使用的是ol5.3.0版本，天地图使用的key请到天地图官网申请，并替换为自己的key随着GIS应用的不断发展，Web地图也越来越丰富，除了像ESRI、超图、中地数码这样GIS厂商有各自的数据源格式，也有Google、百度、高德、腾讯提供的GIS资源，如何加载各种GIS数据源，是WebGIS开发要解决的一个关键问题。本节主要介绍加载百度地图数据。1.如何加载百度地图数据可以参照瓦片地图的方
GIS之路·2025-05-28 08:46

OpenLayers 加载测量控件

OpenLayers具有大部分常用的控件，如缩放、导航、鹰眼、比例尺、旋转、鼠标位置等。
GIS之路·2025-05-25 20:25

A009：如何在vue+openlayers中实现鹰眼控件(Controls篇)

文章目录前言一、示例效果图二、示例简介二、示例源码前言提示：如果对操作流程还不熟悉的话，可以参考之前的文章，这些内容会帮助你更好地了解OpenLayers的功能点。
前端忍者·2025-05-25 20:53

129.在 Vue3 中使用 OpenLayers 实现点击获取重叠要素信息（支持多 Feature）

本文将带你使用Vue3+OpenLayers实现这个功能项目环境说明Vue版本：Vue3+地图引擎：OpenLayersv7.x+样式：TailwindCSS、
吉檀迦俐·2025-05-21 17:59

openlayer:11点击地图上省份实现overlay提示省份名称并修改对应所点省份区域颜色

本文介绍了如何通过OpenLayers库实现点击地图省份并显示弹窗提示省份名称，同时改变所点省份区域颜色的功能。首先，定义了全局变量map和popup，用于存储地图实例和弹窗。
JiaLin_Denny·2025-05-21 15:18

react+ts+openlayer如何创建一个地图

安装OpenLayersnpminstall@types/olol--save2.创建地图组件importReact,{useEffect,useRef}from'react';importMapfrom'ol
webgl的乐趣·2025-05-21 01:14

React项目-OpenLayers地图初始化

一、环境描述React集成OpenLayers地图需要注意软件兼容性问题，可以从官网或者百度文章查询React和OpenLayers地图的版本兼容性，1、软件版本（1）create-react-app创建项目
呆呆的小草·2025-05-21 01:41

063：cesium设置带边界线材质（material-7）

作者：还是大剑师兰特，曾为美国某知名大学计算机专业研究生，现为国内GIS领域高级前端工程师，CSDN知名博主，深耕openlayers、leaflet、mapbox、cesium，canvas，echarts
还是大剑师兰特·2025-05-17 04:15

OpenLayers根据任意数量控制点绘制贝塞尔曲线

以下是使用OpenLayers根据任意数量控制点绘制贝塞尔曲线的完整实现方案。该方案支持三个及以上控制点，使用递归算法计算高阶贝塞尔曲线。
无足鸟丶·2025-05-16 03:41

ThreeJS入门（143）：THREE.WebGL3DRenderTarget 示例代码

作者：还是大剑师兰特，曾为美国某知名大学计算机专业研究生，现为国内GIS领域高级前端工程师，CSDN知名博主，深耕openlayers、leaflet、mapbox、cesium，webgl，ThreeJS
还是大剑师兰特·2025-05-14 09:27

WebGL入门（027）：WEBGL_debug_renderer_info 简介、使用方法、示例代码

还是大剑师兰特：曾是美国某知名大学计算机专业研究生，现为航空航海领域高级前端工程师；CSDN知名博主，GIS领域优质创作者，深耕openlayers、leaflet、mapbox、cesium，canvas
还是大剑师兰特·2025-05-14 09:56

ThreeJS入门（041）：THREE.CircleGeometry 知识详解，示例代码

作者：还是大剑师兰特，曾为美国某知名大学计算机专业研究生，现为国内GIS领域高级前端工程师，CSDN知名博主，深耕openlayers、leaflet、mapbox、cesium，webgl，ThreeJS
还是大剑师兰特·2025-05-11 03:24

Vue3 + OpenLayers 开发教程 ( 三 ) 交互与空间分析

1.空间分析的重要性空间分析是GIS的核心功能之一，它可以帮助我们：分析地理要素之间的空间关系进行空间查询和统计支持决策制定预测和模拟地理现象2.地图交互2.1交互类型在WebGIS中，常见的交互类型包括：选择（Select）：选择地图上的要素绘制（Draw）：创建新的地理要素修改（Modify）：编辑现有要素捕捉（Snap）：辅助精确绘制和编辑2.2创建交互配置文件创建src/config/in
若愚6792·2025-04-26 09:51

vue项目通过GetCapabilities获取wmts服务元数据信息并在openlayers进行叠加显示

vue项目通过openlayers加载wmts服务示例： import'ol/ol.css';importMapfrom'ol/Map';importViewfrom'ol/View';importTileLayerfrom'ol
zhu_zhu_xia·2025-04-22 00:15

ThreeJS入门（128）：THREE.AnimationMixer 知识详解，示例代码

作者：还是大剑师兰特，曾为美国某知名大学计算机专业研究生，现为国内GIS领域高级前端工程师，CSDN知名博主，深耕openlayers、leaflet、mapbox、cesium，webgl，ThreeJS
还是大剑师兰特·2025-04-17 19:35

vue leaflet离线地图开发

一开始想用openlayers开发离线地图，由于官网总是打不开，选择了leaflet。感觉他们都差不多。
生气不如去争气·2025-04-15 13:44

Openlayers海量矢量面渲染优化

概要优化OpenLayers的矢量加载，使用ImageCanvas图层代替VectorLayer加载矢量面（25W），并依旧可触发所有的VectorLayer地图交互事件。
無可言喻·2025-04-06 13:26

Openlayers海量矢量线渲染优化

概要优化OpenLayers的矢量加载，使用ImageCanvas图层代替VectorLayer加载矢量线（50W），并依旧可触发所有的VectorLayer地图交互事件。
無可言喻·2025-04-06 13:26

OpenLayers：封装Overlay的方法

平时在使用OpenLayers的Overlay时常感觉不便，于是最近我便封装了一些Overlay增删改查的方法，以提高可用性。这边文章中我会介绍我封装的方法，同时记录这个过程中踩的一些坑。
Carlos_sam·2025-04-05 09:46

OpenLayers集成天地图服务开发指南

以下是一份面向GIS初学者的OpenLayers开发详细教程，深度解析代码：一、开发环境搭建1.1OpenLayers库引入ol.css：包含地图控件、图层等可视化样式ol.js：OpenLayers核心功能库推荐使用固定版本号
喆星时瑜·2025-03-23 17:45

112：vue+cesium 设置镜头光晕效果

作者：还是大剑师兰特，曾为美国某知名大学计算机专业研究生，现为国内GIS领域高级前端工程师，CSDN知名博主，深耕openlayers、leaflet、mapbox、cesium，canvas，echarts
还是大剑师兰特·2025-03-22 09:24

【ol-cesium】OpenLayers与Cesium的二三维联动

OpenLayers与Cesium的二三维联动本文主要介绍OpenLayers与Cesium二三维联动的实现过程，以及在实现的过程中所遇到的问题以及解决方法。
不爱赖床的懒虫·2025-03-21 22:41

gis地图开发-openlayer2热力图显示

openlayers2还没将heatmap类加入，到openlayers3采用。但是考虑到浏览器的兼容性兼容到更低本版的IE，所以这里采用openlayers2版本开发gis。
粮忆雨·2025-03-18 12:54

Vue+OpenLayers 实现点击查询要素信息

1、给地图绑定点击事件this.map.on('click',this.mapClick);2、导入axiosnpmiaxiosimportaxiosfrom'axios'3、编写方法mapClick(event){//获取url的getFeatureInfo请求地址varurl=this.layer.getSource().getFeatureInfoUrl(event.coordinate,t
小zhi学习·2025-03-14 21:06

Vue2+OpenLayers动态绘制两个经纬度并计算距离（提供Gitee源码）

目录一、案例截图二、安装OpenLayers库三、代码实现3.1、初始化变量3.2、开始/结束绘制3.3、计算两点距离3.4、添加文本标注3.5、添加点3.6、添加线3.7、初始化地图点击事件3.8、加载地图
黄团团·2025-03-14 21:33

Vue2+OpenLayers实现点位拖拽功能（提供Gitee源码）

目录一、案例截图二、安装OpenLayers库三、代码实现3.1、初始化变量3.2、创建一个点3.3、将点添加到地图上3.4、实现点位拖拽3.5、完整代码四、Gitee源码一、案例截图可以随意拖拽点位到你想要的位置二
黄团团·2025-03-14 21:03

Vue2+OpenLayers点聚合功能实现（提供Gitee源码）

目录一、案例截图二、安装OpenLayers库三、代码实现3.1、初始化点位3.2、初始化VectorSource3.3、初始化Cluster3.4、初始化VectorLayer3.5、完整代码四、Gitee
黄团团·2025-03-14 21:32

100.Vue3 + OpenLayers：使用 marker-feature 添加 Marker

在前端GIS（地理信息系统）开发中，OpenLayers是一个强大的开源地图库，可以帮助开发者快速构建Web地图应用。
吉檀迦俐·2025-03-12 20:59

ThreeJS入门（140）：THREE.Mouse 知识详解，示例代码

作者：还是大剑师兰特，曾为美国某知名大学计算机专业研究生，现为国内GIS领域高级前端工程师，CSDN知名博主，深耕openlayers、leaflet、mapbox、cesium，webgl，ThreeJS
还是大剑师兰特·2025-03-06 20:01
上一页 1 2 3 4 5 6 7 8 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他