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
openlayers4
OpenLayers4
省界鼠标滑动特效(高亮省份加声音)
VectorLayer //style样式灰色黑色字体白色边界varstyle=newol.style.Style({fill:newol.style.Fill({color:'rgba(0,0,255,0.9)'}),stroke:newol.style.Stroke({color:'#319FD3',width:1}),text:newol.style.Text({font:'12pxCali
相心胖
·
2023-10-31 15:44
GIS
OpenLayers4
OpenLayers4
加载天地图WMTS注意事项
OpenLayers4
加载天地图WMTS注意事项天地图官网:http://lbs.tianditu.gov.cn/home.htmlOpenLayers官网:https://openlayers.org
JeffreyGu.
·
2023-08-24 14:17
OpenLayer
天地图
WMTS
利用
Openlayers4
实现地图遮罩效果(二)
效果对比在之前实现的遮罩效果《利用
Openlayers4
简单实现地图遮罩效果(一)》,在深色背景的底图上,对要突出的区域采用半透明遮罩,以此来突出该区域。
此爱如少年
·
2023-06-18 04:54
Openlayers4笔记
openlayers开发
遮罩
openlayers
覆盖层
地图
webgis
统计图源代码_
openlayers4
入门开发系列结合 echarts4 实现统计图(附源码下载)
前言
openlayers4
官网的api文档介绍地址openlayers4api,里面详细的介绍
openlayers4
各个类的介绍,还有就是在线例子:
openlayers4
官网在线例子,这个也是学习
openlayers4
weixin_39540023
·
2023-04-05 04:38
统计图源代码
openlayers4
入门开发系列之地图切换篇(附源码下载)
前言
openlayers4
官网的api文档介绍地址openlayers4api,里面详细的介绍
openlayers4
各个类的介绍,还有就是在线例子:
openlayers4
官网在线例子,这个也是学习
openlayers4
gis之家
·
2022-02-22 07:01
openlayers4
入门开发系列之地图标绘篇(附源码下载)
前言
openlayers4
官网的api文档介绍地址openlayers4api,里面详细的介绍
openlayers4
各个类的介绍,还有就是在线例子:
openlayers4
官网在线例子,这个也是学习
openlayers4
gis之家
·
2022-02-12 21:58
openlayers4
入门开发系列之地图导航控件篇(附源码下载)
前言
openlayers4
官网的api文档介绍地址openlayers4api,里面详细的介绍
openlayers4
各个类的介绍,还有就是在线例子:
openlayers4
官网在线例子,这个也是学习
openlayers4
gis之家
·
2022-02-08 23:00
openlayers4
入门开发系列之迁徙图篇(附源码下载)
前言
openlayers4
官网的api文档介绍地址openlayers4api,里面详细的介绍
openlayers4
各个类的介绍,还有就是在线例子:
openlayers4
官网在线例子,这个也是学习
openlayers4
gis之家
·
2022-02-07 15:55
openlayers4
入门开发系列之地图空间查询篇(附源码下载)
前言
openlayers4
官网的api文档介绍地址openlayers4api,里面详细的介绍
openlayers4
各个类的介绍,还有就是在线例子:
openlayers4
官网在线例子,这个也是学习
openlayers4
gis之家
·
2021-06-13 10:30
shape文件上传与展示
上传展示流程图实现效果面线点使用技术jquery插件uploadify和ServletFileUpload实现shp文件的上传;ZipFile实现zip文件的解压;Geotools实现shp文件转换为geojson;
openlayers4
lzugis
·
2021-05-20 21:51
openlayers4
入门开发系列之地图空间查询篇(附源码下载)
前言
openlayers4
官网的api文档介绍地址openlayers4api,里面详细的介绍
openlayers4
各个类的介绍,还有就是在线例子:
openlayers4
官网在线例子,这个也是学习
openlayers4
Unknowncheats
·
2020-09-13 02:05
技术
OpenLayers典型部分概述
一OpenLayers核心职责 OpenLayers最新大版本是
openlayers4
,它是一个基于h5的GIS前端库,地图渲染方式为Canvas和WebGL,常用Canvas展示二维地图,支持WebGL
weixin_34319374
·
2020-08-22 19:27
基于PostGIS+PgRouting的最短路径查询的实现(三):Openlayers篇
以下介绍在Openlayers中如何进行传参调用,示例使用
Openlayers4
版本。WMS方式加载vartileLa
此爱如少年
·
2020-08-18 12:21
Openlayers4笔记
路径规划
Openlayers4
加载WMS地图
openlayer4加载WMS由于新项目中,用采用了
Openlayers4
,因此,在这里说一下Openlayer4加载WMS地图服务的方法。
此爱如少年
·
2020-08-18 09:50
Openlayers4笔记
openlayers开发
geoserver
Openlayers4
关于wms,jsonp、地图服务、GetFeatureInfo查询服务跨域请求的各种问题
1、直接上代码不多bb错误1:(我的geoserver是挂载在tomcat上的,有些网上设置的跨域是不行的,是因为有的用的geoserver是直接在jett上的,要注意搜索关键字,要说明自己geoserver是通过什么方式访问的。)地图加载无问题,但是请求json就会出错,配置见下图。#map{width:100%;height:100%;}$(function(){varbounds=[89.1
Curtains Down
·
2020-08-18 09:48
gis
openlayers4
实现点动态扩散
本文实例为大家分享了
openlayers4
实现的点动态扩散的具体代码,供大家参考,具体内容如下原理:连续刷新地图,并且刷新时,修过点样式的半径大小,来实现扩散效果;//定义底图varbaseLayer=
·
2020-08-17 16:57
Openlayers+GeoServer+MySql获得JSON、GML数据的兼容性问题
问题在使用
OpenLayers4
获得GeoServer数据时出现的一个问题:if(currentSource.getGetFeatureInfoUrl){url=currentSource.getGetFeatureInfoUrl
李世吉吉
·
2020-08-16 18:48
OpenLayers
GeoServer
MySql
OpenLayers4
结合setInterval函数实现简单的地图动画----以溢油粒子的漂移扩散为例
开发测试环境Chrome73OpenLayers版本:v4.4.2前言随着浏览器对图形绘制功能的支持越来越好,越来越多的可视化直接在前端进行。SVG、Canvas、WebGL给前端可视化带来了无限可能,这也是我痴迷于此的原因。废话少说,老师让帮着写一下溢油粒子漂移扩散的动画,之前的方法是在后端可视化之后对于结果进行切片,然后将切片加载到浏览器进行显示。这里改成使用Html5Canvas进行绘制,由
wxqqq666
·
2020-08-15 20:51
OpenLayers
JavaScript
地理数据可视化(非海洋)
Openlayers4
中实现动态线效果
2019独角兽企业重金招聘Python工程师标准>>>概述:本文讲述如何结合canvas在
Openlayers4
中实现动态线的效果。
weixin_34405557
·
2020-08-15 20:17
javascript
python
openlayers4
加载tippecanoe矢量切片
2019独角兽企业重金招聘Python工程师标准>>>由于tippecanoe切片出来的格式mvt格式所以,加载的时候,需要使用如下方法加载:前端调用,关键是数据源source的构造,下面是mvt格式的调用格式:varsource=newol.source.VectorTile({format:newol.format.MVT({maxzoom:22}),url:'pbf_tile/{z}/{x}
weixin_33737134
·
2020-08-15 20:18
geoserver去除重复注记
上文
openlayers4
调用geoserver发布的wms服务方法提到openlayers加载geoserver发布的wms服务有两种方式,其中以切片的方式加载,需要在geoserver中设置注记的问题
weixin_30951743
·
2020-08-15 19:14
openlayers4
入门开发系列结合 echarts4 实现散点图(附源码下载)
前言
openlayers4
官网的api文档介绍地址openlayers4api,里面详细的介绍
openlayers4
各个类的介绍,还有就是在线例子:
openlayers4
官网在线例子,这个也是学习
openlayers4
weixin_30908649
·
2020-08-15 19:43
openlayers4
添加feature的bug记录
在项目中需要展示矢量面数据,数据源由geojson转换为普通的数组存储后,添加feature怎么都添加不上,最后写demo找出了问题所在,特此记录。下图为openlayersv4.6.5中ol.Feature的说明,其中给出两种初始化feature的方式,示例和初始化函数中两种。经过测试,针对面数据的展示(线未测试,点数据展示没有问题),示例如下:第一种写法如下:经过测试,展绘成功;(面数据)va
weixin_30410999
·
2020-08-15 19:49
openlayers4
入门开发系列之风场图篇
前言
openlayers4
官网的api文档介绍地址openlayers4api,里面详细的介绍
openlayers4
各个类的介绍,还有就是在线例子:
openlayers4
官网在线例子,这个也是学习
openlayers4
weixin_30256505
·
2020-08-15 19:13
openlayers3和
openlayers4
,导航栏使用放缩平移动画
openlayers3:openlayers3中,放缩就是更改view的zoom,平移就是更改view的center,基于这个原理,我们很容易就写出放缩和平移的代码,代码如下:放大为例:functionzoomIn(){varview=map.getView();view.setZoom(view.getZoom()+1);}向左平移为例:functionmoveToLeft(lonlat){//
jiym
·
2020-08-15 19:24
openlayers3
openlayers4
通过拖动滑动条设置图层颜色透明度
在GIS项目实践过程中,需要实现各个功能区的叠加图层实现,以及设置它们各自的透明度,功能区分为1类、2类、3类、4a类、4b类等。每个功能区的加载均是通过一个json文件加载到map。要求可以单独查看某个功能区,并通过拖动滚动条可以控制每个图层的透明度。1.首先,在html5中通过inputtype=“range”可以实现滚动条的拖动,具体实现代码如下:实现效果如下:通过拖动滚动轴,可以控制颜色透
haha_ying_haha
·
2020-08-15 19:51
gis开发
前端可视化
openlayers4
判断一个点是否在闭合图形的内部
在opanlayers4官方API已经有一个方法:intersectsCoordinate(coordinate),用于判断一个点coordinate是否在闭合图形的内部,返回值为布尔类型的,true表示点在多边形的内部,false表示点不在多边形的内部。首先获得将要判断的几何元素信息,接下来获取坐标点的位置,然后调用API中的方法intersectsCoordinate进行判断,有两种处理方法:
haha_ying_haha
·
2020-08-15 19:19
gis开发
前端可视化
openlayers
Openlayers利用原生Canvas绘制闪烁样式
过程主要参考:
openlayers4
中闪烁点的实现、canvas-flashMarker-RunJS。
WilsonOnIsland
·
2020-08-15 19:48
开源WebGIS
利用
Openlayers4
简单实现地图遮罩效果(一)
地图遮罩通常用来突出显示某一块特定区域,先来看下效果。(中间带白边的为遮罩层)原理:在原地图上增加一个矢量图层,在图层中添加一个面要素,并对面要素使用半透明的样式。varmap,baseLayer;//定义图层样式varmystyle=newol.style.fill({fill:newol.style.Fill({color:"rgba(72,61,139,0.2)",//重点在这里,采用rgb
此爱如少年
·
2020-08-15 19:41
Openlayers4笔记
openlayers开发
openlayers开发中遇到的问题
最近做了一个web平台,其中有一个地图服务的模块,包含了一些常见的地图操作和轨迹功能,经讨论最终选择了
openlayers4
作为地图引擎,这里将开发过程中遇到的问题和解决方案贴出来供大家参考,小弟第一次写博客
remy0817
·
2020-08-15 19:33
OpenLayers
在
OpenLayers4
中将地图及叠加显示的图层生成图片保存到数据库方法
在调用自己发布的图层服务时注意在图层源属性中加入跨域。newol.layer.Image({source:newol.source.ImageArcGISRest({ratio:1,params:{},crossOrigin:'anonymous',url:"http://10.5.1.186:6080/arcgis/rest/services/thly/thlyfq/MapServer"})})
David_SIAT
·
2020-08-15 19:17
WebGIS
OpenLayers4
叠加显示点
obj.drawst=function(st_result){vararr=newArray();arr=st_result.split('|');//setstaionstyleiconFeatureset=newArray();//declareimgstylevariconStyle=newol.style.Style({image:newol.style.Icon(({src:'Libs/
David_SIAT
·
2020-08-15 19:17
WebGIS
openlayer4设置地图的默认鼠标手势和拖拽鼠标手势
openlayers4
是3的自然升级。
openlayers4
中默认的地图鼠标手势都是箭头。如果需要设置为像百度、高德之类的鼠标手势,需要自行定制。设置方法很简单,完全通过控制css就可以了。
fredricen
·
2020-08-15 18:17
JavaScript
openlayers
Openlayers4
中地图的导出
概述:本文讲述
Openlayers4
中地图的导出,包括调用天地图切片跨域、Geoserver11WMS跨域等。
LZU-GIS
·
2020-08-15 18:45
GIS加油站
openlayers5中用iconfont作为图标
概述前面有文章
openlayers4
中用font设置图标样式就iconfont在ol5中的使用做了一个尝试,后面有很多童鞋问我说实现不了,一直没有时间去做一个详细的测试,最近在做了诸多测试后,觉得这种方式比较靠谱
LZU-GIS
·
2020-08-15 18:45
GIS加油站
ol
iconfont
font
openlayers4
实现的点动态扩散
原理:连续刷新地图,并且刷新时,修过点样式的半径大小,来实现扩散效果;//定义底图varbaseLayer=newol.layer.Vector({renderMode:'image',source:newol.source.Vector({url:'/data/shengjie.geojson',format:newol.format.GeoJSON()}),style:newol.style.
此爱如少年
·
2020-08-15 17:30
Openlayers4笔记
openlayers开发
openlayers4
实现点的扩散效果
Title.css_animation{height:100px;width:100px;border-radius:50%;background:rgba(255,0,0,0.9);transform:scale(0);animation:myfirst3s;animation-iteration-count:infinite;}@keyframesmyfirst{to{transform:sc
嚜溟
·
2020-08-15 17:10
openlayers
openlayers4
加载矢量切片
关于矢量切片的概念以及如何切片已有别人详细的介绍了,对于使用geoserver提供服务来说,安装插件就ok了,不详述。前端调用矢量切片的过程,在geoserver下有三种矢量格式:geojson,topojson,mvt。本人也刚学习这块内容,对于geojson格式已有其他博客介绍,但是本人没有调用成功。前端调用,关键是数据源source的构造,下面是mvt格式的调用格式:varsource=ne
sxzhustar
·
2020-08-15 15:35
geoserver
openlayers
openlayers4
加载Esri和GeoServer的各类服务图层
图层的加载是gis应用中最基本的操作,很多时候在api的使用中,没出问题觉得简单至极,但哪里参数没配置对,就是一道迈不过去的坎。俺在实践中加载geoserver和esri的各类图层,就此记录下,也供学习交流。ol加载esri服务图层1、ol加载Esri的mapserver服务//url为MapServer服务地址varlyr=newol.layer.Tile({source:newol.sourc
sxzhustar
·
2020-08-15 15:35
openlayers
geoserver
arcgis
openlayers4
View fit:地图缩放问题
遇到的问题调用view实例的fit方法缩放地图时,传入的extent并没有铺满地图。解决办法调用fit方法时,options参数传入nearest选项,以达到最近的程度。letview=newol.View({//...})letextent=[minx,miny,maxx,maxy]view.fit(extent,{nearest:true})此时在低分辨率的机器上又出现了另外的问题,缩放的ex
ChengYz_
·
2020-08-11 22:04
openlayers3
openlayers4
自定义矢量图层的样式
先看一个简单加载GeoJSON格式的矢量数据的方法。例如,现有一份全国各城市的点数据,要求将其以点形式展示在地图上。文章目录点样式形状-ol.style.Circle(圆点)图标-ol.style.Icon标注样式-ol.style.Text线样式-ol.style.Stroke面样式-ol.style.Fill将要素的属性值应用到样式完整测试代码如下varmystyle=newol.style.
此爱如少年
·
2020-07-30 17:38
Openlayers4笔记
openlayers开发
OpenLayers典型部分概述
一OpenLayers核心职责 OpenLayers最新大版本是
openlayers4
,它是一个基于h5的GIS前端库,地图渲染方式为Canvas和WebGL,常用Canvas展示二维地图,支持WebGL
遥想公瑾当年
·
2020-07-16 03:32
openlayers4
结合高德地图API实现路径规划
概述本文讲述如何结合高德地图API实现路径导航以及在
Openlayers4
中的展示。
lzugis
·
2020-07-13 12:23
OpenLayers结合Echarts实现海量点的前端可视化
前言OpenLayers这个库在前端操作地图自然是数一数二的存在,但是对于在地图上海量数据的绘制就显得有点力不从心,虽然目前
Openlayers4
以后地图上数据的绘制相关绘制接口已经开始基于WebGL进行封装
wxqqq666
·
2020-06-29 22:13
OpenLayers
地理数据可视化(非海洋)
JavaScript
openlayers6地图切换展示(附源码下载)
前言之前写过一篇
openlayers4
版本的地图切换效果,但是由于是封装一层js代码写的,很多初学者看起来比较有点吃力,所以本篇文章重新写一篇地图切换效果,直接基于最新版本openlayers6写的,纯粹
GIS之家
·
2020-06-29 21:00
openlayers6地图切换展示(附源码下载)
前言之前写过一篇
openlayers4
版本的地图切换效果,但是由于是封装一层js代码写的,很多初学者看起来比较有点吃力,所以本篇文章重新写一篇地图切换效果,直接基于最新版本openlayers6写的,纯粹
GIS之家
·
2020-06-29 21:00
openlayers6聚合图(附源码下载)
前言之前写过一篇
openlayers4
版本的地图聚合图文章,但是由于是封装一层js代码写的,很多初学者看起来比较有点吃力,所以本篇文章重新写一篇地图热力图文章,直接基于最新版本openlayers6写的
GIS之家
·
2020-05-30 18:00
openlayers6热力图(附源码下载)
前言之前写过一篇
openlayers4
版本的地图热力图文章,但是由于是封装一层js代码写的,很多初学者看起来比较有点吃力,所以本篇文章重新写一篇地图热力图文章,直接基于最新版本openlayers6写的
GIS之家
·
2020-05-10 15:00
openlayers6绘制扇形(附源码下载)
前言之前写过一篇
openlayers4
版本的地图绘制扇形文章,但是由于是封装一层js代码写的,很多初学者看起来比较有点吃力,所以本篇文章重新写一篇地图绘制扇形文章,直接基于最新版本openlayers6
GIS之家
·
2020-04-11 21:00
openlayers6绘制扇形(附源码下载)
前言之前写过一篇
openlayers4
版本的地图绘制扇形文章,但是由于是封装一层js代码写的,很多初学者看起来比较有点吃力,所以本篇文章重新写一篇地图绘制扇形文章,直接基于最新版本openlayers6
GIS之家
·
2020-04-11 21:00
上一页
1
2
下一页
按字母分类:
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
其他