Openlayers3

OpenLayers 3/4 加载 Baidu Maps 瓦片(偏移更小)

通过OpenLayers3/4的ol.layer.Tile可以加载若干互联网底图服务，【扯淡大叔】的《OpenLayers3Primer》书中“万能瓦片地图加载秘籍”一节列举了各种地图的具体调用示例。
舍瓦温·2017-09-16 00:00

geotools中等值面的生成与OL3中的展示

概述：本文讲述如何在geotools中IDW插值生成等值面，并根据给定shp进行裁剪，并生成geojson数据，以及Openlayers3中展示。
LZU-GIS·2017-08-29 20:43

Openlayers3中如何优雅的表示等值面

概述：等值面，顾名思义，就是值相等的面，在水文或气象中会有很多这样的需求。本文不讲如何做等值面，本文将如何展示等值面。效果：栅格表达矢量表达实现：等值面的实现，无外乎两种：矢量和栅格。栅格是将数据做成png等位图的格式，矢量是将数据做成json等矢量的格式。1、栅格的展示varimage=newol.layer.Image({source:newol.source.ImageStatic({url
LZU-GIS·2017-08-25 09:24

openlayers3+中模拟晨昏线

最近在flightware上看到一个好玩的功能，根据季节和一天中的时间，计算太阳的光照线，并模拟出白天黑夜分界线。这里分享一下。1.结果夏至日：北半球光照最多，白天最长，黑夜最短，北极圈极昼，南极圈极夜（下图为夏至日北京时间12点）冬至日：北半球光照最少，白天最短，黑夜最长，北极圈极夜，南极圈极昼（下图为冬至日北京时间12点）春分秋分：南北半球光照相当，日夜等长（下图为春分秋分日北京时间12点）春
jiym·2017-08-23 15:56

Openlayers3中实现台风风圈绘制算法

概述：台风的风圈的NE、NW、SW、SE四个方位的影响范围是不一致，本文介绍一种简单的风圈的绘制方法，并在OL3中展示。实现效果：实现代码：1、数据格式varConfigs={CIRCLE_CENTER_X:104.21390114106414,CIRCLE_CENTER_Y:35.847595169932646,CIRCLE_R:{"SE":0.5,"NE":0.3,"NW":0.2,"SW":
LZU-GIS·2017-07-30 17:20

openlayers3 聚合分析专题图 cluster

具体算法探讨：点击打开链接openlayers3提供api具体实例使用方法:一.简单实例：点击打开链接1.创建feature，添加到ol.sour
aodao8891·2017-07-26 23:00

三、Openlayers3.20.1通过Geoserver删除数据库中的数据

一、操作结果没有操作前操作后那个点没有啦二、操作代码*{margin:0px;padding:0px;}html,body,#map{width:100%;height:100%;}删除varlayer=newol.layer.Tile({source:newol.source.XYZ({url:'http://www.google.cn/maps/vt?pb=!1m5!1m4!1i{z}!2i{
未来的大神·2017-07-18 18:09

二、Openlayers3.20.1通过Geoserver修改数据库中的数据

一、操作结果操作前，点的name属性为空，并且他们挤在一起操作后，他们的点分散开二、操作代码*{margin:0px;padding:0px;}html,body,#map{width:100%;height:100%;}修改点varlayer=newol.layer.Tile({source:newol.source.XYZ({url:'http://www.google.cn/maps/vt?
未来的大神·2017-07-18 18:29

使用OPENLAYERS3实现点选的方法

WebGIS开发中，点击查询是最常用的一种查询方式，在ArcGISapi中，这种查询叫IdentifyTask，主要作用是前台提交参数，交ArcServer查询分析返回。本文从开源框架的角度，从前台到服务端到数据库等多个角度，多种方式实现点击查询。干货如下：1.1Select控制器对于矢量数据，Ol3中的官网demo提供了一个Select控件，实现鼠标的选择查询，代码如下：//定义select控制
⒑指紧筘·2017-07-14 11:55

openlayers3应用（一）：调用百度离线瓦片地图

阅读更多上一篇文章介绍了使用openlayers3加载百度在线地图，对某些项目或应用场景比如不允许上外网的单位，某些项目只针对一定区域地图加载应用，比如一个县的地图，可以采用下载百度瓦片地图，在服务器或者本机单独部署的方式进行
cdguiyi·2017-03-25 11:00

openlayers3应用（一）：调用百度离线瓦片地图

阅读更多上一篇文章介绍了使用openlayers3加载百度在线地图，对某些项目或应用场景比如不允许上外网的单位，某些项目只针对一定区域地图加载应用，比如一个县的地图，可以采用下载百度瓦片地图，在服务器或者本机单独部署的方式进行
cdguiyi·2017-03-25 11:00

Openlayers之测量距离与面积

地图测量功能一般的地图的测量功能主要表现在两个方面，一是测量距离，一是测量面积；面积的测量是根据鼠标绘制的范围，通过地理坐标系的转换而计算出实际面积大小，距离的测量是根据鼠标在地图上绘制的点，实时计算出两点之间的实际距离，下面我们就在Openlayers3
桃李不言_下自成蹊·2017-03-20 10:32

Openlayers之地图标注

1、标注的简介标注简单点说就是通过图标、文字等方式将我们想展示的内容显示在地图上，着重突出人们所关注的专题内容，从而为用户提供个性化的地图服务；2、标注方式在Openlayers3里面，有两种对地理位置点进行标注的方法
桃李不言_下自成蹊·2017-02-18 15:44

搭建简易Web GIS网站：使用GeoServer+PostgreSQL+PostGIS+OpenLayers3

WebGIS系列：搭建简易WebGIS网站：使用GeoServer+PostgreSQL+PostGIS+OpenLayers3使用GeoServer+QGIS发布WMTS服务使用GeoServer+OpenLayers
weixin_30542079·2017-02-08 18:00

OpenLayers3的轨迹回放

OpenLayers3实现轨迹回放需要动画操作，官网上的例子用的是postcompose，但是还可以使用javascript中setInterval和setTime.我的例子是按官网上来的http://
KronChan·2017-01-19 14:21

Ol3自定义点聚合

对于点聚合这个需求，在Openlayers3中有现成的类来实现，就是ol.source.Cluster类。具体的参数说明有兴趣的可以去参考官网的API，这里就不多说了。
何庆欢·2017-01-11 21:40

OpenLayer3自定义测量控件 MeasureTool

下载地址：https://github.com/giser-yugang/ol3-measuretool描述基于Openlayers3所做的自定义控件，支持测量距离（line）和测量面积（a
续汉冕·2016-12-20 16:41

Leaflet，OpenLayers3加载ArcGIS切片（png格式，Exploded松散型）

需求做了一个简单的WebGIS应用，不想因为加载切片就安装一台GIS服务器。于是想直接访问图片的方式来加载地图。需解决的问题leafletjs目前是不能够直接加载ArcGIS服务切片的，但可以借助esri-leaflet插件来加载。如果没有安装arcgisserver将切片进行发布时，这些切片还是无法进行访问，这个插件是面向arcgis服务应用开发的。leafletjs自身可以通过类似于下面这种方
大洪·2016-10-08 11:28

OpenLayers3入门篇-右键事件的绑定

在对OpenLayers3的事件操作中，可以发现event对象是比较重要的，里面包含了促发事件的对象，但是由于在OpenLayers3当中没有单独的右键事件，因此在绑定右键事件的时候，采用的方式是先用jquery
adventure_xph·2016-07-26 16:02

OpenLayers3入门篇-创建点和线

地图是由图层组成的，而图层又分为ol.layer.Tile和ol.layer.Vector,ol.layer.Tile可以构建底图，ol.layer.Vector指定矢量图层，画点画线或者创建其他基本就是创建ol.layer.Vector，ol.layer.Vector和map对象一样，也是由许多属性构成，但是创建点线基本只会用到source属性。Source又由feature组成。样例代码-创建
adventure_xph·2016-07-23 17:56

OpenLayers3入门篇-创建地图

基本概念OpenLayers3，是一个开源的地图引擎。它的主要结构和操作都是基于ol.Map这个对象进行的，ol.Map是OpenLayers的核心组件，先详细解读一个这个map对象。
adventure_xph·2016-07-22 17:34

利用HttpClient使得Openlayers3能够访问跨域访问arcgis for server

最近做一个WebGIS的项目，使用的是Openlayers3v3.17.1的版本，需要用到ajax调用ArcGISforServer10.2发布的WMS服务，业务应用于GIS服务不在一个域内，需要解决跨域的问题
louis_cuti·2016-07-12 13:46

The book of OpenLayers 3

                     ThebookofOpenLayers3下载地址：https://yunpan.cn/cBK7X95q79FPX（提取码：6af9）
happyduoduo1·2016-07-02 10:00

Mapbox GL JS 设计浅析

这是WebGIS引擎设计浅析系列中的第一篇，之后还会发布Leaflet和OpenLayers3的设计浅析。把自己的分析和思考共享出来供大家讨论，为我们自己F3Earth设计提供参考。
猿基地·2016-06-19 13:24

OpenLayers 3源码解析

OpenLayers3的源码在3.0.0的时候就看了，层次分明，有学习和借鉴的价值。为了分享这些知识，特意做了两个OpenLayers3源码的视频讲解，一个是YY直播的，有录视频，一个是直接录的视频。
猿基地·2016-06-05 22:24

Openlayers3结合百度地图API实现定位与展示

概述：本文结合Openlayers3和百度地图API实现web上地图的展示，定位与展示功能，并可通过PC或者移动端访问。
GISShiXiSheng·2016-06-03 21:00

Web GIS Openlayers 3 中文教程 ol3-primer

从16年2月21日开始，直到16年5月4日，经过2个多月的努力，终于初步完成了目前比较流行的WebGIS引擎Openlayers3教程ol3-primer。
猿基地·2016-05-05 10:12

Openlayers2卷帘功能的实现

在前文中，讲到了openlayers3以及Arcgisforjs中卷帘的实现，在本文讲述如何在openlayers2中实现卷帘功能。
GISShiXiSheng·2016-04-13 07:00

Openlayers2卷帘功能的实现

在前文中，讲到了openlayers3以及Arcgisforjs中卷帘的实现，在本文讲述如何在openlayers2中实现卷帘功能。
GISShiXiSheng·2016-04-13 07:00

Openlayers2中统计图的实现

概述：在前文中，介绍了Arcgisforjs和Openlayers3中统计图的实现，在本文，书接上文，介绍在Openlayers2中，统计图的实现。
GISShiXiSheng·2016-03-22 07:00

Openlayers2中统计图的实现

概述：在前文中，介绍了Arcgisforjs和Openlayers3中统计图的实现，在本文，书接上文，介绍在Openlayers2中，统计图的实现。
GISShiXiSheng·2016-03-22 07:00

Openlayers3加载天地图

在本文，讲述在Openlayers3中实现在线/离线的天地图的加载。
LZU-GIS·2016-03-18 22:11

Openlayers3加载天地图

在本文，讲述在Openlayers3中实现在线/离线的天地图的加载。
GISShiXiSheng·2016-03-18 22:00

Openlayers3加载天地图

在本文，讲述在Openlayers3中实现在线/离线的天地图的加载。
GISShiXiSheng·2016-03-18 22:00

Openlayers3中统计图的实现

概述：在前文中讲到了在Arcgisforjs中统计图的实现，在本文，讲述在Openlayers3中结合highcharts实现统计图。
GISShiXiSheng·2016-03-18 22:00

Openlayers3中统计图的实现

概述：在前文中讲到了在Arcgisforjs中统计图的实现，在本文，讲述在Openlayers3中结合highcharts实现统计图。
GISShiXiSheng·2016-03-18 22:00

Arcgis for js，Openlayers中加载GeoJSON

概述：在前文中，讲述了在JAVA环境下如何将shp转换为GeoJSON，在本文，分别讲述在Arcgisforjs，Openlayers2和Openlayers3中加载展示GeoJSON。
GISShiXiSheng·2016-03-15 07:00

基于OpenLayers3的标绘API 开源啦

考虑到使用标绘的场景越来越多，已将基于OpenLayers3开发的标绘API开源。感兴趣的同学可通过地址http://git.oschina.net/ilocation/plot fork源代码。
GISpace·2016-03-12 16:00

GeoServer学习——OpenLayers3加载KML地图实现框选

时间：2016-02-26，欢迎转载，转载请保留本文地址：http://wallimn.iteye.com/blog/2279201初学GeoServer、OpenLayers，折腾了几天，终于完成了一个简单的任务：使用GeoServer发布KML数据，WEB页面通过OpenLayers打开，实现显示框选的元素。简单记录一下过程，希望对摸索技术的朋友有所帮助。GeoServer的版本为：2.7.5
wallimn·2016-02-26 23:00

GeoServer学习——OpenLayers3加载KML地图实现框选

阅读更多时间：2016-02-26，欢迎转载，转载请保留本文地址：http://wallimn.iteye.com/blog/2279201初学GeoServer、OpenLayers，折腾了几天，终于完成了一个简单的任务：使用GeoServer发布KML数据，WEB页面通过OpenLayers打开，实现显示框选的元素。简单记录一下过程，希望对摸索技术的朋友有所帮助。GeoServer的版本为：2
wallimn·2016-02-26 23:00

GeoServer学习——OpenLayers3加载KML地图实现框选

阅读更多时间：2016-02-26，欢迎转载，转载请保留本文地址：http://wallimn.iteye.com/blog/2279201初学GeoServer、OpenLayers，折腾了几天，终于完成了一个简单的任务：使用GeoServer发布KML数据，WEB页面通过OpenLayers打开，实现显示框选的元素。简单记录一下过程，希望对摸索技术的朋友有所帮助。GeoServer的版本为：2
wallimn·2016-02-26 23:00

OpeanLayers3 For ArcGIS MapServer

由于OpenLayers3比较新，百度能找到的demo很少，自己不得不参考官方给出的Examples来依葫芦画瓢了，地图服务采用的局方给的ArcGISMapServer，先上图：这个例子是按照官方Examples
勇哥的部落格·2016-02-19 23:00

动态标绘演示系统1.0.2(for OpenLayers3)

实现OpenLayers3（http://openlayers.org）版本的动态标绘API。V1.0.1：兼容ol3最新版本3.13.0，支持简单符号绘制。
GISpace·2016-02-04 20:00

[置顶] OpenLayers 3 之 切换图层控件

      在openlayers2中，是默认有切换图层控件的，但是由于某种原因，openlayers3中并没有默认实现，但却给我们很容易扩展的基类（ol.control.Control），我们可以自定义实现
qingyafan·2015-11-27 12:00

[置顶] OpenLayers 3 之 动态点扩散效果

      当某个地方发生一些事情之后，如果我们添加一个静态点在地图上，并不能引起注意，那我们可以放置一个动态的点，类似于在水中投入一个石头，水波扩散的效果，象征发生的事件有一定的影响区域，那么，我们如何利用OpenLayers3
qingyafan·2015-11-21 00:00

OpenLayers 3 之 加载天地图

要使用OpenLayers3加载天地图，首先要弄清楚天地图发布的原理，以及遵循的发布规范，上一篇中我们提到了使用OpenLayers3加载百度地图，我们提到一般网络地图为了加快访问速度，都采用缓存切片地图的方式
庆祝亚运会·2015-11-09 21:39

[置顶] OpenLayers 3 之 加载天地图

      要使用OpenLayers3加载天地图，首先要弄清楚天地图发布的原理，以及遵循的发布规范，上一篇中我们提到了使用OpenLayers3加载百度地图，我们提到一般网络地图为了加快访问速度，都采用缓存切片地图的方式
qingyafan·2015-11-09 21:00

【Openlayers3】在地图上添加highcharts图表

今天试用了一下ol3，效果很是不错！ ol3中有个ol.Overlay，使用这个类我们可以在地图中添加各种html要素。 下面我们在地图中添加一个饼图 html中添加一个div容器: <div style="display: none;"> <div id='canvasDiv' ></div>
·2015-11-07 13:58

OpenLayers3之ol.control.ZoomToExtent

controls: ol.control.defaults().extend([new ol.control.ZoomToExtent({ extent:[Number(box[0]), Number(box[1]), Number(box[2]), Number(box[3])] })]}  效果
·2015-10-27 11:18

openlayers中设置地图缩放级别

对于openlayers3来说，直接通过view的属性进行控制即可。openlayers中需要注册缩放事件来解决，在该事件中监听缩放后地图的级别，当地图级别
longshengguoji·2015-10-09 20:00
上一页 1 2 3 4 5 6 7 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他