E-COM-NET
首页
在线工具
Layui镜像站
SUI文档
联系我们
推荐频道
Java
PHP
C++
C
C#
Python
Ruby
go语言
Scala
Servlet
Vue
MySQL
NoSQL
Redis
CSS
Oracle
SQL Server
DB2
HBase
Http
HTML5
Spring
Ajax
Jquery
JavaScript
Json
XML
NodeJs
mybatis
Hibernate
算法
设计模式
shell
数据结构
大数据
JS
消息中间件
正则表达式
Tomcat
SQL
Nginx
Shiro
Maven
Linux
OpenLayer动画图片
超图服务设置token及使用
1、设置方法:token的使用手册2、使用二维的可以先看下超图官网的例子https://iclient.supermap.io/examples/
openlayer
s/editor.html#iPortalSecurity
llbzwb
·
2023-08-23 06:08
前端
七、
OpenLayer
量算功能
openlayer
没有封装直接可用的测量接口,需要自己通过绘制线段和面,再去求长度或者面积。
llbzwb
·
2023-08-23 06:38
OpenLayers
前端
javascript
html
项目中超图 for
openlayer
和超图for cesium同时引入的问题
一个项目中同时用到了超图的
openlayer
和cesium版本,首先我是外部引入的超图的开发包,你要是通过npm导入的那就没关系了。这些包主要内容是超图针对自己服务封装的一些查询,加载,渲染功能。
llbzwb
·
2023-08-23 06:35
前端
OpenLayer
s 高德地图偏移问题
OpenLayer
s高德地图偏移问题1.偏移产生的原因地球上同一个地理位置的经纬度,在不同的坐标系中,会有少许偏移,国内目前常见的坐标系主要分为三种:地球坐标系——WGS84:常见于GPS设备,Google
漠诽
·
2023-08-23 04:12
OpenLayers
javascript
前端
OpenLayers
AMap
OpenLayer
s 瓦片图层放大显示
OpenLayer
s瓦片图层放大显示天地图的影像地图的显示层级最大是18级,超出18级时天地图的影像服务会返回超限的水印瓦片。
漠诽
·
2023-08-23 04:41
OpenLayers
OpenLayers
天地图
天地图影像地图
openLayer
s实战(八):坐标系及其转换
坐标系介绍EPSG:3857--web地图,基于球体的、web墨卡托投影(伪墨卡托投影Pseudo-Mercator)的投影坐标系,范围为纬度85度以下,由于google地图最先使用而成为事实标准。至今,大多互联网地图都使用EPSG3857,主要是因为该投影是等角投影,适合地图定向及导航,但是纬度越高,面积变形越大。EPSG:4326--全球通用,基于WGS84椭球的经纬度坐标系,大地坐标系,在E
小鸟哗啦啦
·
2023-08-21 19:53
OpenLayers
javascript
前端
arcgis
openLayer
s实战(六):根据坐标信息计算多边形区域面积
借助Turf.js库npminstall@turf/turfyarnadd@turf/turf//导入必要的Turf.js函数import{area}from'@turf/turf';//创建多边形对象constpolygon={"type":"Polygon","coordinates":[[[x1,y1],[x2,y2],[x3,y3],...,[x1,y1]]]};//使用Turf.js的a
小鸟哗啦啦
·
2023-08-21 19:53
OpenLayers
arcgis
openLayer
s实战(九):正多边形的绘制
最近在绘制各种图形,越来越乱,看了很多文章,启发了从最最基础的图形开始学习扩展。遇到什么样的问题?importolfrom"ol";import{Draw}from"ol/interaction";import{VectorasVectorSource}from"ol/source";import{Layer,VectorasVectorLayer}from"ol/layer";importOve
小鸟哗啦啦
·
2023-08-21 19:52
OpenLayers
arcgis
前端
javascript
OpenLayer
s5在EPSG:4326下以m为单位画圆
varcircleIn3857=newCircle(transform([121.4659,31.2],'EPSG:4326','EPSG:3857'),1000,'XY');varcircleIn4326=circleIn3857.transform('EPSG:3857','EPSG:4326');
鬼马行天
·
2023-08-21 11:40
GIS
OpenLayers
OpenLayers5小白之路
OpenLayers
Openlayer
s 教程 - 以单位米为半径,绘制圆形图形要素
Openlayer
s教程-以单位米为半径,绘制圆形图形要素核心代码完整代码:在线示例在以往的项目维护中,出现一个问题,使用最新高清底图发现,设置地图最大等级(21级)之后,地图虽然可以渲染21级图层,但是并没有请求
非科班Java出身GISer
·
2023-08-21 11:39
Openlayers
学习教程
openlayers创建圆
ol
以米为单位创建圆
openlayers
米创建圆
openlayers
圆形
4326
米半径创建圆
openLayer
s实战(七):根据坐标信息绘制圆形
引入所需的库和模块在代码的开头,确保正确导入Turf.js和
OpenLayer
s的库和模块。
小鸟哗啦啦
·
2023-08-20 05:39
OpenLayers
arcgis
vue.js
前端
webgis —— geoserver 更优秀的瓦片格式
更不要说什么
openlayer
s、cesium、geoserver这些了,统统都没怎么用过。想想,人对于未知的东西,就会产生恐惧。而客服恐惧的最好方式,就是不停的学习。
纯爱枫若情
·
2023-08-19 20:09
三、
OpenLayer
常用图层介绍
1、TileLayer瓦片图层。一般加载切片图层(wmts,wms)天地图(wmts)consttempLayer=newTileLayer({visible:true,projection:"EPSG:4326",source:newXYZ({visible:true,url:"https://t0.tianditu.gov.cn/DataServer?T=img_w&x={x}&y={y}&l
llbzwb
·
2023-08-19 11:35
OpenLayers
前端
四、
OpenLayer
图层样式设置及图层控制
样式设置一般都是矢量图层vectorlayer。我喜欢用这种回调函数的方式设置,因为可以根据要素特定的值去灵活改变。当然也可以直接=newStyle()varstyleFunction=(feature)=>{constentityName=feature.get("");returnnewStyle({stroke:newStroke({color:"rgba(75,196,208)",widt
llbzwb
·
2023-08-19 11:35
OpenLayers
前端
一、
openlayer
开发介绍
首先需要引入
openlayer
api开发包。两种方式:1、import方式,也就是npm安装,npminstallol2、外部js引入。
llbzwb
·
2023-08-19 11:05
OpenLayers
前端
二、
OpenLayer
创建地图
//头部定义constMap=ol.Map;constView=ol.View;constdefaultControls=ol.control.defaults.defaults;//绑定的元素盒子//高德底图constbaseVecLayer=newTileLayer({visible:true,source:newXYZ({url:"http://webrd01.is.autonavi.com
llbzwb
·
2023-08-19 11:05
OpenLayers
vue.js
Openlayer
s实战:移动鼠标至重叠几何图形上,获取多层所有features信息
在
Openlayer
s的实际项目中,经常会出现在某个区域内有多个矢量层叠加的情况,这个时候点击内部一点,我们要获取到所有矢量层的信息。
还是大剑师兰特
·
2023-08-18 16:24
openlayers实战
Openlayer
s raster reprojection 栅格重投影原理分析
背景
OpenLayer
s3新版本能够以不同于服务器提供的坐标系显示来自WMS,WMTS,静态图像和许多其他来源的栅格数据。图像的地图投影的转换直接在Web浏览器中进行。
李司徒
·
2023-08-16 23:15
openlayer
的飞行动画
飞行动画官方例子:https://
openlayer
s.org/en/latest/examples/flight-animation.htmlimport"ol/ol.css";importolMapfrom"ol
梧桐芊羽
·
2023-08-16 17:38
vue.js
前端
OpenLayer
s - View详解 (三)
View是什么表示地图的简单2D视图。简单理解就是用来控制地图在容器中移动,方法的。主要用于更改地图的中心、分辨率和旋转的对象。视图具有projection。投影决定了中心的坐标系,其单位决定了分辨率的单位(每像素的投影单位)。默认投影是球面墨卡托(EPSG:3857)。需要注意的是,在构造函数中添加了约束后,在使用方法设置或者获取数据都是在约束内的。常用参数center视图的初始中心。const
nie-ny
·
2023-08-15 12:39
地图学习
前端
javascript
html5
vue3
openlayer
s--添加图片图标
openlayer
s官网:
OpenLayer
s-Welcomehttps://
openlayer
s.org/1、页面2、导入import{onMounted,shallowRef}from"vue";import
ref_M
·
2023-08-15 12:09
openlayers
前端
vue.js
Openlayer
s 实战 - 地图视野(View)- 图层 -(layer)- 资源(source)显示等级设置。
Openlayer
s实战-地图视野(View)-图层-(layer)-资源(source)显示等级设置。
非科班Java出身GISer
·
2023-08-15 12:07
Openlayers
学习教程
openlayers地图等级
ol
地图显示等级
ol
图层显示等级
ol
图层资源显示等级
openlayers最大等级
openlayer
s6 添加道路图层 并点击道路高亮显示
第一种方法首先,在初始化地图时,创建一个新的VectorLayer对象,并将其添加到地图上。这个新图层将用于高亮显示选中的道路。例如:this.highlightLayer=newVectorLayer({zIndex:9999,source:newVectorSource({features:[]}),style:newStyle({stroke:newStroke({color:'#ff000
CV工程师!!
·
2023-08-15 08:21
openlayers
javascript
前端
java
css
css3
OpenLayer
s入门(一)
OpenLayer
s简介
OpenLayer
s(https://
openlayer
s.org/)是一个用来帮助开发Web地图应用的高性能的、功能丰富的JavaScript类库,可以满足几乎所有的地图开发需求
街角小林2
·
2023-08-15 03:11
OpenLayer
s实战,
OpenLayer
s高德地图瓦片位置纠偏,将高德底图瓦片位置转换为EPSG:4326和EPSG:3857
专栏目录:
OpenLayer
s实战进阶专栏目录前言在日常开发中,经常遇到使用高德底图,总是要对高德坐标进行转换才能使用,本章不需要对要素经纬度位置进行转换,而是使用
OpenLayer
s将高德地图图层的所有瓦片从
汤姆猫不是猫
·
2023-08-14 23:45
OpenLayers实战进阶
前端
javascript
vue.js
OpenLayers
高德底图瓦片纠偏
瓦片位置偏移
Openlayer
s实战:选择feature,列表滑动,定位到相应的列表位置
在
Openlayer
s的实际项目中,点击某个图层的feature,在左侧的列表中显示出来,滚动条滑动,能显示在视觉区内,具体的方法请参考源代码。
还是大剑师兰特
·
2023-08-13 13:46
openlayers实战
OpenLayer
s动态修改GeoServer发布的地图样式
OpenLayer
s动态修改GeoServer发布的地图样式giscoder2019-11-2610:33:19403收藏分类专栏:
OpenLayer
sGeoServer版权流程思路1.改写GeoServer
不玩了啊
·
2023-08-12 21:38
openlayer
s 地图加载geojson绘制边界,点,线,面
openlayer
s地图加载geojson绘制边界,点,线,面方法//绘制点/线/面drawContent(geo){if(this.routeLayer){this.map.removeLayer(this.routeLayer
天天向上1024
·
2023-08-12 10:23
Web前端
vue.js
前端
地图
天地图
ol
openlayer
s6 显示矢量框(已知四个点坐标)
没有四角坐标创造四角坐标getPolygon(row){/*右上角坐标经度*/letrightUpLon=row.dmUrLon;/*右上角坐标纬度*/letrightUpLat=row.dmUrLat;/*左上角坐标经度*/letleftUpLon=row.dmUlLon;/*左上角坐标纬度*/letleftUpLat=row.dmUlLat;/*右下角坐标经度*/letrightDownLon
膨胀的泡
·
2023-08-12 09:33
Openlayer
s鹰眼OverviewMap自定义样式时鹰眼大小调整
Openlayer
s鹰眼OverviewMap自定义样式时可以根据关注区域的范围长宽比调整鹰眼控件的宽、高大小,让关注的区域始终全部在鹰眼中显示。
cwr888
·
2023-08-10 20:02
前端
javascript
openlayers
OpenLayer
s 3实践与原理探究1-ol2 VS ol3
本文的重点在
OpenLayer
s3,对于
OpenLayer
s2简单比较说明。
TechFE
·
2023-08-10 15:47
前端
jslib
OpenLayers
OpenLayers
OL3
《水经注地图服务》发布的卫星影像数据在
OpenLayer
s中调用
OpenLayer
s是一个用于开发WebGIS客户端的JavaScript包。
水经注GIS
·
2023-08-09 23:14
ar
Android开发中加载Gif
动画图片
方法
Gif动画,我使用了三种方式1.自定义控件加载gif动画①.首先自定义一个GifView,用于显示Gif图片,具体代码如下:publicclassGifViewextendsView{privateResourcesresources;privateMoviemMovie;privatelongmMovieStart;privatefloatratioWidth;privatefloatratio
破z晓
·
2023-08-08 20:41
android
动画
kotlin
openlayer
s入门教程
openlayer
s基础入门到实战一.
openlayer
s基础篇1.地图(Map),对应的类是ol.Map:2.视图(View),对应的类是ol.View3.图层(Layer,需重点掌握)a.如何添加图层到地图上
吃炸鸡的前端
·
2023-08-08 18:01
echarts
前端
javascript
openlayer
s6:入门基础(二)之加载图层
#前言APIDocs:https://
openlayer
s.org/en/latest/apidoc/Tutorials:https://
openlayer
s.org/en/latest/examples
Dawn_www
·
2023-08-08 13:29
GIS
#
openlayers
webgis
openlayer
s如何实现几何图形重编辑
在做
openlayer
s开发时很多人会遇到需要把前端展示的某个几何图形重新编辑形状的需求,这里我分享一下我的实现流程。
story_in_sh
·
2023-08-08 13:59
openlayers
OpenLayer
s教程:图形绘制之绘制几何图形
OpenLayer
s的ol.interaction.Draw类实现了交互式绘制几何图形的功能,可以把它看作一个绘制图形的控件,使用合适的参数初始化它,并将它加入地图对象就可以进行交互式的图形绘制。
不睡觉的怪叔叔
·
2023-08-08 13:58
开源GIS
OpenLayer
s教程:图形绘制之编辑图形
除了能够交互式地绘制几何图形,
OpenLayer
s还支持我们编辑已经绘制的几何图形。
不睡觉的怪叔叔
·
2023-08-08 13:58
开源GIS
openlayer
s6:入门基础(一)
#前言资源:
OpenLayer
s3示例资源:
OpenLayer
s_3_入门教程完整版.pdf#下载官网:https://
openlayer
s.org/download/这里根据自己所需点击下载即可(1)
Dawn_www
·
2023-08-08 13:58
GIS
#
openlayers
前端
webgis
Openlayer
s实战:使几何图形适配窗口
Openlayer
s开发的项目中,有一种应用非常重要,就是绘制或者显示出几何图形后,让几何图形居中并适配到窗口下,这样能让用户很好的聚焦到所要看的内容中去。
还是大剑师兰特
·
2023-08-08 13:57
openlayers实战
使用PostGIS+GeoServer+
Openlayer
+Vue构建简单的web地图应用
一、将shx通过postgis导入1、创建数据库2、右键–>新建对象–>新建扩展3、菜单栏点击插件–>打开postgis也可通过开始菜单注意点:文件路径不可有中文,文件格式应为utf-8刷新之后会出现新的数据表二、设置geoserver1、新建工作区2、创建数据存储3、创建样式4、发布图层步骤:1、新建图层点击发布–>2、设置边框–>3、点击第三张图的发布–>4、选择line–>5、点击保存–>6
从南慕白
·
2023-08-08 06:17
webgis
前端
vue.js
postgis
openlayer
s-方向标注
openlayer
s-方向标注需求给LineString标注方向效果图设计思路设计一个方向箭头图标计算线段方向(LineString可以放很多坐标而线段方向是两点之间)(0,1)(1,2)(2,3)…方式计算每一段的方向角度方向点安放坐标
不玩了啊
·
2023-08-06 05:07
含内环图形在
OpenLayer
s中展示时空洞被填充
问题产生背景在一次arcgis中图形转到
OpenLayer
s中展示时,发先含有空洞的一个面在展示时,有部分空洞被自动填充了。
秋漓
·
2023-08-05 21:22
GIS
geoserver使用postgis数据进行矢量切片,并用
openlayer
加载
将shp数据导入postgis中geoserver导入postgis数据
openlayer
加载有个问题,就是实时更新数据库中的数据后,之前已经切片过要素数据不会更新,而缩放另一个视图层级,数据又是更新的
疆~
·
2023-08-03 16:52
openlayers
html5
css
GeoServer 基础教程(五):使用 GeoServer 和
OpenLayer
s 发布地图服务
在前面几节的关于GeoServer的基础教程中,我们介绍了如何使用GeoServer发布地图数据等基本的服务器端的操作,这一节我们继续学习如何使用GeoServer和
OpenLayer
s的结合来发布地图服务
心淡然如水
·
2023-08-03 05:08
OpenLayer
s入门,
OpenLayer
s如何加载WFS服务的要素资源数据
专栏目录:
OpenLayer
s入门教程汇总目录前言本章讲解如何使用
OpenLayer
s加载WFS服务的要素资源数据。
汤姆猫不是猫
·
2023-08-02 01:16
OpenLayers入门
javascript
前端
vue.js
OpenLayers
WFS服务
WFS数据
OpenLayer
s入门,
OpenLayer
s如何加载TMS瓦片服务,以腾讯地图TMS图层为例
专栏目录:
OpenLayer
s入门教程汇总目录前言本章讲解
OpenLayer
s如何加载TMS图层服务到地图上,TMS图层介绍请参考《Gis开发入门,
OpenLayer
s、Leaflet、Maplibre-gl
汤姆猫不是猫
·
2023-08-02 01:46
OpenLayers入门
javascript
vue.js
OpenLayers
TMS图层
TMS加载
TMS瓦片
OpenLayer
s5绘制点、线、面
Geometrytype PointLineStringPolygonCircleNoneimportMapfrom'ol/Map';importViewfrom'ol/View';importTileLayerfrom'ol/layer/Tile';importVectorLayerfrom'ol/layer/Vector';importOSMfrom'ol/source/OSM';i
WebGiser
·
2023-08-01 14:27
OpenLayer
s入门,
OpenLayer
s地图鼠标点击事件使用,点击地图后弹框并显示当前位置经纬度
专栏目录:
OpenLayer
s入门教程汇总目录前言本章主要讲解
OpenLayer
s地图点击事件的使用,以及监听地图点击事件后进行简单弹框并获取当前点击位置的经纬度并显示wgs84坐标位置和度分秒格式经纬度信息
汤姆猫不是猫
·
2023-08-01 08:34
OpenLayers入门
前端
javascript
OpenLayers
鼠标点击获取经纬度
地图弹框
OpenLayer
s实战,
OpenLayer
s使用wind-layer插件实现风场动态效果
专栏目录:
OpenLayer
s入门教程汇总目录前言本章讲解如何使用
OpenLayer
s的气象风场插件wind-layer实现气象风场动态效果,该插件除了可用于
OpenLayer
s之外,还可用于mapgl
汤姆猫不是猫
·
2023-08-01 08:34
OpenLayers实战进阶
javascript
vue.js
OpenLayers
风场
气象
上一页
4
5
6
7
8
9
10
11
下一页
按字母分类:
A
B
C
D
E
F
G
H
I
J
K
L
M
N
O
P
Q
R
S
T
U
V
W
X
Y
Z
其他