openlayer

卫星影像离线瓦片如何调用？

这里以OpenLayers、Mapbox和Cesium等多个开源GIS平台为例，为你分享卫星影像瓦片离线调用的方法，并附上相应的源代码示例。
水经注GIS·2024-01-30 06:48

vue+openlayers根据坐标点绘制多边形

需求：根据多边形轮廓点及中心点在天地图上绘制形状；不同类型的多边形轮廓以颜色区分功能：1.中心点坐标实现聚合2.根据地图的缩放级别显示或者隐藏多边形3.鼠标移入多边形或者中心点实现高亮并显示弹框，移除恢复原来的效果js代码varmap,layer_poly_A,layer_poly_B,layer_poly_C,layer_poi_A,layer_poi_B,layer_poi_Cconstove
小黑猪hhh·2024-01-29 15:41

WebGIS实战：Vue+Openlayers实现地图控件的加载与控件自定义位置

目录前言1、Openlayers自带的地图控件介绍与展示2、Openlayers-Extension提供的地图控件介绍与展示3、地图控件位置调整4、下一步计划5、相关源码相关WebGIS实战信息：上一篇博客
Oruizn·2024-01-29 15:35

259：vue+openlayers: 显示海量多边形数据，10ms加载完成

第259个点击查看专栏目录本示例的目的是介绍演示如何在vue+openlayers项目中通过WebGLVectorLayerRenderer方式加载海量多边形数据。
还是大剑师兰特·2024-01-29 15:32

Vue+openlayers+projs4实现坐标转换

ps：EPSG：3857（openlayers参照的坐标系）二、思路1、研究坐标之间的转换算法。需要了解每种坐标系的原理，显然不现实，因为太专业了。2、找找有没有坐标转换的插件。
xiahuaxuanlan1113·2024-01-28 21:01

Vue集成openlayers

安装首先，openlayers库已经废弃，开始改用ol库了cnpminstallol添加地图在methods中添加地图初始化initMap()方法importMapfrom"ol/Map";importViewfrom"ol
知足常乐晨·2024-01-28 16:50

258：vue+openlayers加载mapbox-style的地图

第258个点击查看专栏目录本示例的目的是介绍演示如何在vue+openlayers中添加mapbox地图，跟之前的不同处理方式是，这里采用了ol-mapbox-style插件来加载mapbox地图。
还是大剑师兰特·2024-01-28 14:57

openlayers+vue实现缓冲区

文章目录前言一、准备二、初始化地图1、创建一个地图容器2、引入必须的类库3、地图初始化4、给地图增加底图三、创建缓冲区1、引入需要的工具类库2、绘制方法四、完整代码总结前言缓冲区是地理空间目标的一种影响范围或服务范围,是对选中的一组或一类地图要素(点、线或面)按设定的距离条件,围绕其要素而形成一定缓冲区多边形实体,从而实现数据在二维空间得以扩展,后续也可以生成栅格进行叠加分析等。简单来说，缓冲区就
YUJIAN。·2024-01-27 06:25

【WebGIS课设】Openlayers景点管理系统，免费分享

随着旅游业的蓬勃发展，越来越多的景区开始意识到高效管理的重要性。景区管理系统作为一种科技手段，为景区提供了智慧化的管理解决方案，基于GIS技术实现全景区一张图，在地图上集中地展示地区所涉及到的网格、环境、生态、设施、人口、各部门等各类业务信息，实现业务协同；同时，采用手机APP，实现网格管理人员对事件、基础数据采集、管理、监控、上报、信息查询等功能，并与指挥中心对接。一、景区管理系统的功能门票预订
GIS前端嘉欣·2024-01-26 14:43

Vue+OpenLayers7：OpenLayers7地图初始化时如何设置默认缩放级别、设置默认地图中心点、最大缩放级别和最小缩放级别以及默认坐标系

返回《Vue+OpenLayers7》专栏目录：Vue+OpenLayers7本章讲解OpenLayers7地图初始化时如何设置默认缩放级别、设置默认地图中心点、最大缩放级别和最小缩放级别以及默认坐标系等配置
汤姆猫不是猫·2024-01-25 09:12

Vue+OpenLayers7：html原生网页如何使用OpenLayers7地图

返回《Vue+OpenLayers7》专栏目录：Vue+OpenLayers7前言尽管现在大部分网页都是使用Vue或者React开发了，但是还是有不少开发者使用的是网页原生html进行开发，或者是老项目维护的需要
汤姆猫不是猫·2024-01-25 09:42

Vue+OpenLayers7：OpenLayers7地图整合到Vue项目中的两种方式

返回《Vue+OpenLayers7》专栏目录：Vue+OpenLayers7本章讲解Vue项目如何把OpenLayers7.x版本的地图整合到项目中。
汤姆猫不是猫·2024-01-25 09:42

Vue+OpenLayers7，快速搭建Vue+OpenLayers7地图脚手架项目。从零开始构建Vue项目并整合OpenLayers7.5.2

返回专栏目录：Vue+OpenLayers7前言本章针对Vue初学者，对Vue不熟悉，甚至还不会Vue的入门学生读者。
汤姆猫不是猫·2024-01-25 09:36

【GIS】JDK版本升级到17后，GeoServer的图层无法通过openLayer预览

JDK版本升级到17后，图层无法通过openLayer预览1.错误图示终端输出的错误网页端无法显示图层，并且输出错误提示2.原因猜测估计可能是由于java17的模块化，Java被分成了多个独立部署和运行的模块
peng_YuJun·2024-01-23 23:07

vue+openLayers闪烁图形/线段/点 都可以使用类似的方法

本文使用闪烁图形作为实例，线段和点都是类似的原理基础方法1.先定义两个样式，闪烁时两个样式相互交换2.利用定时器（单数的时候样式一，双数的时候样式二）由此来实现闪烁效果先给主要代码如下（最后有全部代码）：varfeatures=[];//闪烁方法letinterval;varflashStyle1=newolStyle.Style({//边框样式stroke:newolStyle.Stroke({
懒啦·2024-01-23 12:28

openlayers绘制多边形

importVectorLayerfrom'ol/layer/Vector'importVectorSourcefrom'ol/source/Vector'importDrawfrom'ol/interaction/Draw';constdrawSource=newVectorSource();constdrawLayer=newVectorLayer({source:drawSource});m
MarvinCHN·2024-01-23 01:55

openlayer在地图上渲染图标无法操作地图问题

ol对于在地图上渲染图标，并且图标可以随着地图的缩放层级自适应，跟随地图移动，ol是提供了一个很好用的方法的---overlay但会有一个问题，那就是当鼠标移入到该图标上后，就无法操作地图了，无论是双击放大、滚轮缩放、鼠标拖动地图这些都会失效，起因是当前鼠标作用到了overlay所在的dom盒子上去了，没有作用到地图所在盒子的canvas上面。有一个配置项可以解决这个问题：当你将一个overlay
我有柚子茶噢·2024-01-22 07:34

Cesium叠加超图二维服务、三维场景模型

这个工作iClient系列已经做好，相比用过超图二维的道友们可以理解：要用Openlayer加载超图二维，那就用iClientforOpenlayer库去加载；同样的要用Cesium加载超图三维就要用iClientforCesium
我有柚子茶噢·2024-01-22 07:02

254：vue+openlayers 加载HERE多种形式地图（v3软件版本）

第254个点击查看专栏目录本示例的目的是介绍演示如何在vue+openlayers中添加HERE地图（v3版本的软件），并且含多种的表现形式。包括地图类型，文字标记的设置、语言的选择、PPI的设定。
还是大剑师兰特·2024-01-20 16:04

Openlayers 常见API (1)

一、创建地图1、地图Map创建地图底图：需要用newol.Map({})地图map是由图层layers、一个可视化视图view、用于修改地图内容的交互interaction以及使用UI组件的控件control组成的。（1）、创建基本地图letmap=newol.Map({target:'map',//对象指向layers:[//图层newol.layer.Tile({//这里定义的是平铺图层sou
CV工程师!!·2024-01-19 07:43

openlayers [四] 地图图层 Layers详解

文章目录1图层1.1线状图层1.2点状图层1.3面状图层2图层存在一个或多个3layers常见的属性4layers各种图层和类型总结在openlayers中，图层是使用layer对象表示的，主要有WebGLPointsLayer
爱玩亚索的程序员·2024-01-19 06:28

openlayers [五] 地图图层数据来源source 详解

文章目录1序言2source数据源类型3列举source的用法3.1ol.source.Vector的使用（矢量图层的数据来源）3.1.1基本事件3.1.1.2接受的参数1序言初始化一个地图，必不可少的三要素。target，view，layers。sourceLayer是的重要组成部分。如果没有数据源你就不能渲染处地图的底图，也就没有任何含义2source数据源类型ol.source.BingMa
爱玩亚索的程序员·2024-01-19 06:28

openlayers [七] 地图控件controls详解

文章目录controls简述常见的controls控件使用方法fullscreen全屏mouseposition鼠标位置控件overviewmap鹰眼图scaleline比例尺控件zoomslider缩放滑块刻度控件总结controls简述上篇文章我们将了在地图上的交互(interaction)，那些都是一些隐性的需要去使用才能知道存在有这样一个东西，就像彩蛋一样。这篇我们主要讲地图上的控件(co
爱玩亚索的程序员·2024-01-19 06:28

openlayers [六] 地图交互 interaction 详解

interaction简介在OpenLayers6中，
爱玩亚索的程序员·2024-01-19 06:21

用原型实现Class的各项语法

直到公司开始了一个webgis项目，使用openlayers。看了下openlayers的代码，整个api都是用Class构建的。
快乐非自愿·2024-01-17 15:58

Openlayers克里金插值计算等值面与图层裁剪

Openlayers克里金插值计算等值面与图层裁剪计算等值面letWFSVectorSource=newVectorSource();letWFSVectorLayer=newVectorLayer({
BJ-Giser·2024-01-15 11:19

1、Vue3.0 第一个地图

OpenLayers是一个用于开发WebGIS客户端的高性能、功能丰富的JavaScript库,用于在Web上创建交互式地图。
星星编程·2024-01-14 20:01

OpenLayers创建一个新的Vector图层并添加覆盖物，并监听图层事件

1、创建图层并添加到地图上varlayer=map.getLayersBy("name",'基础图层');//1.设置图层默认样式letbaseStyle=newOpenLayers.Style({fillColor
朱凤丽·2024-01-11 14:17

【WebGIS初学到入职】（七）用OpenLayers绘制热力图

今天就继续用OpenLayers6来做一个热力图的效果吧。
ReBeX·2024-01-10 12:23

GeoServer + openlayers

GeoServer安装前提有java环境安装地址https://geoserver.org/release/stable/此处以二进制下载为例下载后解压D:\ProgramFiles(x86)\geoserver-2.21.0-bin\binhttp://localhost:8080/geoserver进入服务使用默认用户名admin和密码geoserver登陆图源准备百度网盘下载地图软件全能地图
努力学习，努力爱你！·2024-01-09 01:44

VUE依赖ol版本问题：geotiff.js Unexpected token

1、问题VUE项目中，使用Openlayer使用版本为6.4.0。package.json中如下："dependencies":{..."ol":"^6.4.0",...}之前项目运行都很正常。
qgbihc·2024-01-09 01:13

250：vue+openlayers 加载geotiff文件，并在地图上显示

第250个点击查看专栏目录本示例的目的是介绍演示如何在vue+openlayers中加载geotiff文件，并在地图上显示。这里使用到了WebGLTile图层和GeoTIFF脚本模块。
还是大剑师兰特·2024-01-09 01:12

四章-34-矢量地图高亮选中区

本文基于腾讯课堂老胡的课《跟我学Openlayers--基础实例详解》做的学习笔记，使用的openlayers5.3.xapi。
彩云飘过·2024-01-07 09:27

Geoserver服务器添加.shp类型地图

1相关软件主要有：地图服务Geoserver、地图展示Openlayers、地图编辑μDig、地图参考ArcGIS之ArcMap、地图获取MapInfo。
kaizq·2024-01-07 00:07

2023年终总结

这一年的收获与总结  这一年其实我的大部分时间都在做GeoServer的二次开发或者OpenLayers中的效果渲染。基于公司自有的数据，进行了发布，并在GeoServer
AI·GIS·2024-01-03 10:21

OpenLayers - Overlay简介 （八）

Overlay是什么让HTML元素显示在地图上某个位置。他和控件很像都是在地图上添加可见元素，不同的是，它不是根据屏幕位置固定的，而是与地理坐标相关联，因此平移地图将移动Overlay。常用的大致有三类，弹窗、标注、文本信息。每个覆盖物都会生成对应的HTML元素，所以我们也可以使用css来修改去样式。overlay常用属性id，覆盖物的唯一标识，便于getOverlayById方法取得相应的ove
nie-ny·2023-12-31 14:47

OpenLayers - 图层透视效果 （九）

简介本文主要讲解的是，通过控制图层，层级和大小来实现图层透视功能。主要使用图层监听事件prerender监听图层渲染之前，postrender监听图层渲染之后。实现DEMO初始化地图Document.map{height:500px;width:100%;}//图层varroads=newol.layer.Tile({source:newol.source.XYZ({url:'https://we
nie-ny·2023-12-31 14:47

OpenLayers - 加载静态图片（十二）

简介本文讲解，如何使用OpenLayers在载静态图片上添加标记，预览图片。主要使用ol.source.ImageStatic用于显示单个静态图像的图层源。
nie-ny·2023-12-31 14:47

OpenLayers - Map详解 （二）

Map是什么是OpenLayers的核心组件。用于初始化地图对象。初始化地图(Map)，需要一个视图(view)、一个或多个图层(layer)，和一个地图加载的目标HTML标签(target)。
nie-ny·2023-12-31 14:17

OpenLayers - control简介 （六）

在Openlayers中多数Controls直接可以在地图上添加，比如Navigation（导航栏）。第二类是需要放在Div元素中才能用。
nie-ny·2023-12-31 14:17

OpenLayers - interaction简介 （七）

Interaction是什么Interaction是用来控制地图的。没看错它和控件一样的作用。不过它们的区别是控件触发都是一些可见的HTML元素触发，如按钮、链接等；交互功能都是一些设备行为触发，都是不可见的，如鼠标双击、滚轮滑动，手机设备的手指缩放等。Interaction，是一个虚基类，不负责实例化，交互功能都继承该基类。常用交互功能doubleclickzoom，双击地图进行缩放；draga
nie-ny·2023-12-31 14:17

OpenLayers - 入门 （一）

那么前端地图展示，图层控制就需要一个开源的框架来开发，我一下就相中了OpenLayers（其实是公司要求）。
nie-ny·2023-12-31 14:16

OpenLayers-Map事件

OpenLayer的MapEvent在Event.js文件的OpenLayers.Events中定义。
a18826265589·2023-12-31 14:13

OpenLayers-绘制图元

本文介绍使用OpenLayers.Control.DrawFeature和OpenLayers.Handler.Polygon来绘制Polygon图元。绘制Point和Line与此类似。
a18826265589·2023-12-31 14:13

OpenLayers-添加Marker

在OpenLayersMap添加Marker。
a18826265589·2023-12-31 14:13

OpenLayers-Vector图层Feature选择工具

1、创建Vector图层1varvlayer=newOpenLayers.Layer.Vector("VectorLayer");2map.addLayer(vlayer);2、创建SelectTool1
a18826265589·2023-12-31 14:13

【openlayers-2】数据源与图层

目录一、瓦片地图1、加载在线地图2、加载离线瓦片地图二、静态地图三、矢量地图openlayers可加载以下三种格式数据源：ol.source.Tile对应的是瓦片数据源，现在网页地图服务中，绝大多数都是使用的瓦片地图
WXG1011·2023-12-31 14:42

【openlayers-3】加载图标

目录1、通过overlay方式添加2、通过overlay+css方式3、通过Feature+style方式实现在OpenLayer3中添加图标有两种方式，一种是通过overlay方式，另一种是通过Feature
WXG1011·2023-12-31 14:42

openlayers - 03 点位标注功能

本例实现对地图中的部分点位进行标注，点击标注可以显示基本信息，缩放后会适当对点位进行聚合1.实现1.将获取到的所有点位的坐标数组传入以下函数，根据数据创建点位要素（feature）；2.设置聚合参数（Cluster）；3.创建新的图层，将要素加入图层并配置相关样式；4.提前定义好详情显示的popover弹窗，创建覆盖物（Overlay），将popover弹窗设置到覆盖物内；5.监听点击事件获取点击
大兵的猫·2023-12-31 14:12

【OpenLayers-1】添加地图

坐标系：目前OpenLayers3支持两种投影，一个是EPSG:4326，等同于WGS84坐标系；另一个是EPSG:3857，经常用于web地图。一个是全球通用的，一个是web地图专用的。
WXG1011·2023-12-31 14:12
上一页 1 2 3 4 5 6 7 8 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他