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
openlayers2
echarts3结合
openlayers2
实现Map类型图表
参考:Echart2在
Openlayers2
的应用-航班的炫光特效Echart2在
Openlayers2
的应用openlayers3与echarts3的结合
banhusao3974
·
2023-11-22 18:24
javascript
前端
ViewUI
leaflet如何更改地图地图颜色--暗黑风格地图
1、原理:现在所有的地图其实都是基于canvas,所有归根到底,更换地图底图的颜色就是利用画布的机制去修改图片的颜色然后再重新渲染到地图上---所以这套思路可以应用于cesium、
openlayers2
努力学习webgis
·
2023-11-05 18:40
javascript
开发语言
OpenLayers 3实践与原理探究1-ol2 VS ol3
本文的重点在OpenLayers3,对于
OpenLayers2
简单比较说明。
TechFE
·
2023-08-10 15:47
前端
jslib
OpenLayers
OpenLayers
OL3
QGIS+PostgreSQL/PostGIS+GeoServer+OpenLayers 开源webGIS部署一条龙
1、软件准备绘图:QGIS数据库:PostgreSql+PostGIS服务管理:GeoServer前端框架:
OpenLayers2
、下载安装QGIS下载链接:qgis下载下载下来后一路默认安装即可(Windows
CSTopDown
·
2023-04-03 14:10
qgis
postgresql
postgis
openlatyers
geoserver
OL2中实现百度地图ABCD marker的效果
概述:上文中提到了在ArcgisforJS中实现百度地图ABCD的marker效果,在本文,讲述如何在
OpenLayers2
中实现类似的效果。效果:为直观期间,先将效果贴出来。
a18826265589
·
2020-09-11 08:42
Openlayers2
图层加载(一)WMS图层
Openlayers+Geoserver来实现前端地图开发,是常见的一种地图开发操作方式。以下简单介绍js代码functionloadWMSLayer(){varmap,baseLayermap=newOpenLayers.Map("map");baseLayer=newOpenLayers.Layer.WMS("basic","http://localhost:8080/geoserver/ch
此爱如少年
·
2020-08-18 09:21
OpenLayers2笔记
Openlayers2
切换supermap WMS服务底图,已解决
话不多说上代码,,,电子海图的图层切换控件html,body{width:100%;height:100%;margin:0;padding:0;}functioninit(){//使用指定的文档元素创建地图varmap=newOpenLayers.Map("test_map");//创建一个OpenStreeMaprasterlayervarosm=newOpenLayers.Layer.OSM
JackChenKing
·
2020-08-18 09:21
Openlayers2
图层加载(三)使用WFS方式加载矢量图层
加载WFS图层上一篇加载的图层是以文件形式存在的,而实际项目应用中,矢量数据通常是存储在数据库中,通过请求来获取数据,在装载到矢量图层中。WFS是OGC开放联盟制定的一种标准地图服务协议,支持通过WFS请求来获取矢量数据,对数据进行操作等。以下代码实现将WFS请求到陕西省范围,加载到地图上。示例:functioninitMap(){varmap,baseLayermap=newOpenLayers
此爱如少年
·
2020-08-18 09:21
OpenLayers2笔记
Openlayers4加载WMS地图
前面介绍过
Openlayers2
加载地图的方法。但是
Openlayers2
现在已经算很老的版本,只有在老项目中可能还在用到。最新的Openlayers已经升级到了Openlayers5。
此爱如少年
·
2020-08-18 09:50
Openlayers4笔记
openlayers开发
openlayers3配置geoserver(WMS),获取已渲染ImageWMS底图详解
最近,原项目中的
openlayers2
进行框架升级为openlayers3,因为openlayers3相当于进行了完全重构,导致项目升级遇到了一些问题。
水手峡谷
·
2020-08-18 09:34
WEB开发
OpenLayers2---WMS服务
OpenLayers2
–WMS服务示例说明:使用的是OpenLayers2.13版.参考:http://www.cnblogs.com/ustcyc/p/3508837.htmlHTML代码(WMS.html
EchoShelter
·
2020-08-18 09:52
B端技术
2
openlayers
地图
javascript
map
html
openlayers限制地图拖动区域
在
openlayers2
中有restrictedExtent属性,直接设置下即可。varoptions={controls:[newOpenLayers.Control.Navigation
weixin_33827965
·
2020-08-15 20:52
openlayers2
wfs方式加载矢量图层
在地图中为了增强交互效果,需要加载一层矢量地图。如何通过请求wfs的方式加载矢量地图呢?functiongetParkingLayerFunc(mapUrl,parkingLayerName,onComplete){//获取地图对象varmap=****.getMap();//矢量图层默认状态下的stylevardefaultStyle=newOpenLayers.Style({'fontColo
weixin_33691700
·
2020-08-15 19:15
Openlayers2
中聚类的动态实现
概述:前面的文章中,讲述了Arcgisforjs中聚类分析与展示,在本文,讲述如何在
Openlayers2
中聚类分析的实现。
weixin_30906701
·
2020-08-15 19:43
Arcgis for js,Openlayers中加载GeoJSON
概述:在前文中,讲述了在JAVA环境下如何将shp转换为GeoJSON,在本文,分别讲述在Arcgisforjs,
Openlayers2
和Openlayers3中加载展示GeoJSON。
weixin_30767921
·
2020-08-15 19:07
Openlayers3加载天地图
概述:在前文中分别讲到了在Arcgisforjs、
Openlayers2
中去加载天地图,同时也讲到了天地图的离线加载方式。在本文,讲述在Openlayers3中实现在线/离线的天地图的加载。
weixin_30729609
·
2020-08-15 19:05
xhtml
javascript
openlayers2
渐变色渲染
概述在前文中,讲到了oL2中唯一值渲染的实现方式,在本文讲述ol2中渐变色渲染的实现方式。效果代码openlayersmaphtml,body,#map{padding:0;margin:0;height:100%;width:100%;overflow:hidden;}varmap;vartiled;OpenLayers.IMAGE_RELOAD_ATTEMPTS=5;OpenLayers.DO
weixin_30379973
·
2020-08-15 19:49
Openlayers中Google地图的加载
mygisforum的文章http://blog.csdn.net/mygisforum/article/details/7582449的内容,同时结合gwc的gridset,实现了google切片在
Openlayers2
weixin_30325793
·
2020-08-15 19:45
移动开发
javascript
Openlayers2
图层加载(二)加载矢量图层
加载矢量图层文件通过WMS请求获取到图层,其实是一张张图片拼在一起的。而矢量图层,是由矢量数据来构造的。OpenLayer是中支持的矢量数据文件格式较多,如GeoJSON、KML、XML等。以加载GeoJson为例,如下数据源:GeoJSON文件示例数据一级河流,命名为river.geosion。functioninitMap(){varmap,baseLayermap=newOpenLayers
此爱如少年
·
2020-08-15 19:41
OpenLayers2笔记
Openlayers2
图层加载(四)marker图层
marker图层的使用方法很简单,主要涉及到以下几个
Openlayers2
对象:OpenLayers.Icon,图标对象OpenLayers.Marker,marker点对象OpenLayers.Layer.Markers
此爱如少年
·
2020-08-15 19:41
OpenLayers2笔记
openlayers
marker
gis
地图
标记
openlayers2
实现图层要素单击事件
openlayers2
已经越来越少用了,但是由于一些老项目要维护的原因,偶尔还是要使用一下。经常不用,一些功能使用方法难免会生疏,所以最好趁着新鲜写下了。
此爱如少年
·
2020-08-15 19:10
OpenLayers2笔记
openlayers2
单击事件
选择要素
交互
单击选择
openlayers 2实现vector图层文字标注
图层绑定要素属性实现文字标注,注意是
openlayers2
不是3大概的思路是,继承OpenLayers.Layer.Vector,监听图层添加要素的事件,创建dom节点,添加到map的容器之中,同时地图放大缩小
LeeZhao
·
2020-08-15 19:22
gis
javascript
OpenLayers2
源码解读 事件Event、Events
OpenLayers.Event就是一个工具类,封装了一些dom事件操作方法,兼容性及操作更好点,比如stop、preventDefault、observe注册事件等等重点是OpenLayers.Events//支持的浏览器事件BROWSER_EVENTS:["mouseover","mouseout","mousedown","mouseup","mousemove","click","dblc
LeeZhao
·
2020-08-15 19:22
gis
javascript
OpenLayers 3 之 切换图层控件
在
openlayers2
中,是默认有切换图层控件的,但是由于某种原因,openlayers3中并没有默认实现,但却给我们很容易扩展的基类(ol.control.Control),我们可以自定义实现,并不是很难
庆祝亚运会
·
2020-08-15 19:04
OpenLayers
WebGIS
OpenLayers
openlayers3加图标定位
首先想说的是我也是刚刚接触openlayers,因为公司的需求所以开始学习openlayers,刚开始想学
openlayers2
,但是试过几次发现
openlayers2
的浏览效果不好,还存在一些浏览卡顿不流畅等问题
mashang666
·
2020-08-15 19:13
Openlayers扩展H5绘制10W+数据
本文基于
openlayers2
现有api扩展html5的支持绘制10W+的四边形,当然样式简单死板,只为说明通过H5也可以为ol带来不菲的性能(默认自带vector图层中添加feature超过2K+数据后就会出现卡顿
jjxliu306
·
2020-08-15 18:12
GIS
使用openlayers 3 在线加载天地图及GeoServer发布的地图
之前试了
openlayers2
加载天地图,不过公司已经弃用2,所以使用openlayers3来加载天地图卫星图和标注图层,今天又学习了GeoServer发布地图,一并用openlayers测试加载出来,
GISER_A
·
2020-08-15 18:12
openlayers
openlayers2
地图控件扩展:图例控件LegendControl
因项目需要在地图中增加图例,以便专题地图查看或输出。实现思路,折线和多边形图例直接由样式属性创建,多边形直接设置div的样式;折线通过创建svg,设置polyline的样式;点要素的图例比较复杂,目前实现方式是:1、根据StyleMap里的Filter,找到不同Filter的要素id,这里的查找要过滤掉没有被渲染的要素;2、根据要素id从图层的渲染层找到对应的html元素,也就是svg标签;3、处
banhusao3974
·
2020-08-15 18:59
Openlayers-限制地图拖动区域
在
openlayers2
中有restrictedExtent属性,直接设置下即可。[javascript]viewplaincopyvaroptions={controls:[newOpen
a18826265589
·
2020-08-15 18:30
openlayers加载切片地图
openlayers2
和openlayers3加载切片地图使用的接口是不同的。下面做分析。
weixin_34034670
·
2020-08-15 17:39
Openlayers2
中聚类的动态实现
概述:前面的文章中,讲述了Arcgisforjs中聚类分析与展示,在本文,讲述如何在
Openlayers2
中聚类分析的实现。
a18826265589
·
2020-08-15 17:56
电子地图中要素旋转功能实现
本文主要讲解如何基于
openlayers2
往地图中添加资源点,并实现资源点的旋转操作。
weixin_33819479
·
2020-08-15 00:42
大量POI点展示的一种解决方案
本文讲述如何在java后台实现POI点在服务器端的实时生成以及在
Openlayers2
的展示。实现后效果:技术难点:要实现POI点在服务器端的生
LZU-GIS
·
2020-08-02 15:51
GIS加油站
openlayers
POI
解决方案
地图
wms
Openlayers2
多地图联动
地图实际使用中经常会出现多地图对比的情况,多图联动需求明确,通过openlayers中的map.center控制多个地图直接联动,主要代码为:当存在两个地图的时候_maps=[map1,map2];_maps[0].events.register("move",_maps[0],function(){if(_test_move){varc1=this.getCenter();varz1=this.
jjxliu306
·
2020-07-30 15:10
GIS
利用OpenLayers3在地图上显示标记并点击标记后显示弹出框
虽然在其中可以直接浏览,但是在GeoWebCache1.10.0中,官方内置的是
OpenLayers2
的版本,这个版本比较老旧,不能很好的适应诸如触屏设备等应用环境。
mgsky1
·
2020-07-07 17:37
技术笔记
GIS
WebGIS开发入门
二、GIS解决方案1、开源解决方案数据库:PostGIS应用服务:GeoServer客户端:
OpenLayers2
、商业解决方案1)ArcGIS目前商业解决方案中认为是最好的一个,是国外的解决方案,技术领先
超-哥~
·
2018-11-07 15:12
架构
解决方案
OpenLayers 2.13中旋转文字标注
在
OpenLayers2
系列的源码中,文字标注是不能选择的,永远平行于屏幕,那是不是没有办法了。
大鹏一日同风起
·
2018-07-30 21:07
GIS开发
openlayers限制地图拖动区域
在
openlayers2
中有restrictedExtent属性,直接设置下即可。[javascript]viewplaincopyvaroptions={controls:[newOpen
驰驰的老爸
·
2017-11-19 15:59
openlayers
Openlayers2
多地图联动
阅读更多地图实际使用中经常会出现多地图对比的情况,多图联动需求明确,通过openlayers中的map.center控制多个地图直接联动,主要代码为:当存在两个地图的时候_maps=[map1,map2];_maps[0].events.register("move",_maps[0],function(){if(_test_move){varc1=this.getCenter();varz1=t
jjxliu306
·
2017-04-13 16:00
Openlayers
多图联动
Openlayers2
多地图联动
阅读更多地图实际使用中经常会出现多地图对比的情况,多图联动需求明确,通过openlayers中的map.center控制多个地图直接联动,主要代码为:当存在两个地图的时候_maps=[map1,map2];_maps[0].events.register("move",_maps[0],function(){if(_test_move){varc1=this.getCenter();varz1=t
jjxliu306
·
2017-04-13 16:00
Openlayers
多图联动
Openlayers2
扩展markers图层
阅读更多使用ol2中经常会碰到添加marker数据,并在数据之上提供marker的鼠标点击事件,弹出popup详细信息,对此进行了简单封装,详见:1、marker的数据元素/***Class:MarkersLayer.Source*/MarkersLayer.Source=OpenLayers.Class({lonlat:null,//坐标icon:null,//marker的icon地址titl
jjxliu306
·
2017-04-13 13:00
GIS
Openlayers
Markers
Openlayers2
扩展markers图层
阅读更多使用ol2中经常会碰到添加marker数据,并在数据之上提供marker的鼠标点击事件,弹出popup详细信息,对此进行了简单封装,详见:1、marker的数据元素/***Class:MarkersLayer.Source*/MarkersLayer.Source=OpenLayers.Class({lonlat:null,//坐标icon:null,//marker的icon地址titl
jjxliu306
·
2017-04-13 13:00
GIS
Openlayers
Markers
Openlayers扩展H5绘制10W+数据
阅读更多本文基于
openlayers2
现有api扩展html5的支持绘制10W+的四边形,当然样式简单死板,只为说明通过H5也可以为ol带来不菲的性能(默认自带vector图层中添加feature超过2K
jjxliu306
·
2016-08-14 11:00
openlayers
html5
Openlayers扩展H5绘制10W+数据
阅读更多本文基于
openlayers2
现有api扩展html5的支持绘制10W+的四边形,当然样式简单死板,只为说明通过H5也可以为ol带来不菲的性能(默认自带vector图层中添加feature超过2K
jjxliu306
·
2016-08-14 11:00
openlayers
html5
Echart在Openlayers的应用-航班的炫光特效
概述在前两篇文章中讲到了echart在
openlayers2
中的应用,地图统计图与热力图的实现,在本文中介绍openlayers中结合echart实现航班的炫光特效展示。
1361976860
·
2016-08-02 07:00
javascript
移动开发
openlayers2
渐变色渲染
概述在前文中,讲到了oL2中唯一值渲染的实现方式,在本文讲述ol2中渐变色渲染的实现方式。效果代码 openlayersmap html,body,#map{ padding:0; margin:0; height:100%; width:100%; overflow:hidden; } varmap; vartiled; OpenLayers.IMAGE_RELOAD_ATTE
GISShiXiSheng
·
2016-07-05 07:00
OpenLayers
渐变色渲染
Openlayers2
唯一值渲染
概述本文讲述
Openlayers2
中实现唯一值渲染。
GISShiXiSheng
·
2016-06-28 19:00
Webgis
OpenLayers
唯一值渲染
大量POI点展示的一种解决方案
本文讲述如何在java后台实现POI点在服务器端的实时生成以及在
Openlayers2
的展示。实现后效果:技术难点:要实现POI点在服务器端的生
GISShiXiSheng
·
2016-05-04 19:00
poi
解决方案
OpenLayers
wms
地图
Openlayers2
中聚类的动态实现
概述:前面的文章中,讲述了Arcgisforjs中聚类分析与展示,在本文,讲述如何在
Openlayers2
中聚类分析的实现。
GISShiXiSheng
·
2016-04-28 21:00
cluster
统计图
OpenLayers
Openlayers2
卷帘功能的实现
在前文中,讲到了openlayers3以及Arcgisforjs中卷帘的实现,在本文讲述如何在
openlayers2
中实现卷帘功能。
GISShiXiSheng
·
2016-04-13 07:00
Webgis
扩展
OpenLayers
swipe
卷帘
上一页
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
其他