openlayers 第14页

openlayers实现wfs属性查询和空间查询

概述：一直在寻求openlayers中wfs加载和属性查询的相关操作，功夫不负有心人，蓦然回首，那人却在灯火阑珊处，找到了这篇博文：http://blog.csdn.net/longshengguoji

weixin_30745641·2020-09-16 08:26

Cesium+kriging.js实现雨量插值

0.前言网上有很多关于openlayers的克里金插值，但是最近在学习cesium，也想在cesium中做，但是好像网上相关的例子一个都没有。所以我就自己尝试去做。

gis_rc·2020-09-16 06:03

关于Openlayers与React的结合--第一个组件

关于Openlayers与React的结合–第一个组件简介下面是我对如何将Openlayers与React结合上面的记录组件React采用一个组件化的思想帮助前端进行工程化。

yatsov·2020-09-16 00:25

OpenLayers深入浅出（4）----定制绘图点、线、面对象实例

为地图添加绘制点、线、面步骤：1、无可厚非对地图进行操作首先要添加map对象，以后将不再提示默认添加加map对象。2、定义地图服务（在例子中定义了两个图层，一个wms图层，一个是矢量图层vectors）3、定制标绘地图操作对象contros。4、将地图图层添加到map的图层容器中。5、将标绘操作对象添加到map的操作容器中6、将地图缩放到全图范围内。（注意如果不调用这个代码，地图将不显示出来，而且

阿汤哥-天上人间·2020-09-16 00:32

OpenLayers - 创建多边形Polygon

OpenLayers版本：4.6.4叨叨：本来这不应该成为一个问题，也不值得专门写一篇文章，尤其是对一个已经用过各种MapAPI（Google、百度、高德、SmartEarth...）的人来说，但就是这个本来以为

weixin_34195142·2020-09-16 00:26

openlayers入门开发系列之地图工具栏篇

本篇的重点内容是利用openlayers实现地图工具栏功能，包括地图缩放、移动、地图量算、地图打印、清空、全屏、鹰眼、比例尺、地图坐标显示等，效果图如下：部分核心代码如下：地图缩放地图移动地图量算地图打印地图全屏地图比例尺地图坐标显示地图鹰眼

weixin_33958585·2020-09-16 00:44

openlayers入门开发系列之地图切换篇

本篇的重点内容是利用openlayers来加载不同类型地图服务，实现了地图切换功能，效果图如下：地图切换篇运用到了openlayers的核心类ol.layer.Tileol.source.XYZol.source.TileArcGISRestol.source.ImageArcGISRestol.source.TileWMSol.source.OSM

weixin_33924220·2020-09-16 00:43

openlayers自定义控件 ---仿百度地图指南针

看图说话。顺时针按钮点击之后。地图会以当前center为圆心顺时针转动90度。逆时针按钮点击之后。地图会以当前center为中心点逆时针转动90度//自定义控件ol.control.Compass=function(opt_options){varoptions=opt_options||{};//参数this.reverseText=options.reverseText?options.rev

weixin_30914981·2020-09-16 00:28

openlayers获取一个图形的中心区域

在项目中需要做到点击一个市下面的不同区县，然后定位到该区县的中心位置，已知每个区县的多边形边界，从opanlayersAPI上找到方法ol.extent.getCenter()貌似可以解决这个问题，具体代码如下所示：varextent=ol.extent.boundingExtent(feature.getGeometry().getCoordinates()[0]);//获取一个坐标数组的边界，

haha_ying_haha·2020-09-15 23:23

openlayers官方教程（六）Vector Data——Modifying features

Modifyingfeatures我们已经能够将数据载入，现在我们要去编辑这些features，利用Modify交互可以实现对矢量数据源的编辑首先，在main.js中导入Modify交互importModifyfrom'ol/interaction/Modify';下一步，在矢量图层上创建一个新的交互，并添加到图层map.addInteraction(newModify({source:sourc

JaedongXue·2020-09-15 23:21

OpenLayers学习笔记（七）— 类似比例尺的距离环

OpenLayers学习笔记（七）—类似比例尺的距离环openlayers3地图上创建一个距离环，始终以地图中心为中心，每个环之间的距离类似比例尺，随地图缩放而变化。

DebJane·2020-09-15 23:42

OpenLayers教程七：自己实现图层切换控件

OpenLayers并没有封装图层切换的控件，所以我们需要自己来实现图层控件。自定义图层切换控件的原理很简单：显示某个图层时，将其他图层隐藏。

不睡觉的怪叔叔·2020-09-15 23:04

OpenLayers入门篇es6之第一个地图

一、介绍OpenLayers是一个用于开发WebGIS客户端的JavaScript包。

南归北隐·2020-09-15 23:12

OpenLayers 6 在指定多边形区域划定的范围内修改多边形(源码hack)

今天又被问到一个需求：有两个多边形，一个大多边形作为不规则范围限定里面的小多边形顶点范围，在修改小多边形的时候不超过大多边形的边界。分析起初想了很多办法来捕捉鼠标指针超越边界的情况，包括：functioncallback(event){}modify.on('modifystart',function(evt){map.on('pointermove',callback)})modify.on('

战斗中的老胡·2020-09-15 23:24

OpenLayers 3 之扩展自定义控件--以切换图层控件为例

openlayers中的控件，是一个固定在页面某个位置的可见的DOM元素，它们可能包含可操作的按钮，也可能只是单纯的展示信息，它们的位置及其样式是由与其关联的CSS样式决定的。

庆祝亚运会·2020-09-15 23:09

OpenLayers3（一）初始化地图

惯例：OpenLayerAPI引入文件/*调整OL控件位置和样式*/*{margin:0;padding:0;}.ol-zoom{top:80px;}.ol-zoom-extent{top:140px;}.ol-full-screen{top:80px;}.ol-scale-line{left:200px;}.mouse-position-wrapper{width:300px;height:29

天空影·2020-09-15 23:10

Openlayers6 Examples学习笔记（9）

文章目录TopoJSON（加载TopoJSON数据）EditableArcGISRESTFeatureService（可编辑的ArcGISREST要素服务）TranslateFeatures（移动要素）SelectmultipleFeatures（选中多个要素）TileJSON（加载TileJSON数据）VectorTileSelection（矢量瓦片选中要素）ArcGISRESTFeatureS

何去何从2857·2020-09-15 23:25

openLayers6系列理论基础——View篇

openLayers6系列理论基础——View篇view视图是初始化地图Map时候必要的三要素之一，这个对象的作用主要是控制地图与人的交互，如缩放等一、实例化一个view对象newol.View({options

小湾生产队队长·2020-09-15 23:47

Openlayers 按需加载控件（ol.control）

说明在Openlayers地图加载时，会默认添加3个控件，很多时候我们并不需要这些默认控件解决方案删除所有控件，按需加载自己需要的控件//清除所有控件varctls=map.getControls();

guzicheng1990·2020-09-15 23:45

OpenLayers的canvas图层叠加

OpenLayers中在overlayer层使用canvas图层叠加介绍我在此做了在canvaslayer1层做出滑动效果layer2层插入图片，实现在layer2层上方做出滑动效果，可以结合数据库做出滑动快慢

zacus_没有名字了·2020-09-15 23:42

OpenLayers调用google Map

goole_map/Script/theme/default/style.css"type="text/css">/Style/style.css"type="text/css">/Script/lib/OpenLayers.js

iteye_11116·2020-09-15 22:30

Openlayers各种下载方法

1.访问http://openlayers.org/最新版本在左上角显示：2.接着往下拉，看到右边的getthecode,点进去：3.找到图中画圈的地方，点击进去到https://github.com/

hyj_pc·2020-09-15 22:26

OpenLayers项目分析（六）数据渲染分析

转自：http://www.openlayers.cn/portal.php?

diyuan365760·2020-09-15 22:34

OpenLayers性能瓶颈与优化（闭包引用与GML解析低效率）

1.结构中大量闭包的引用关系造成的性能瓶颈OpenLayers其实是受到了js本身的限制，js是解释型的语言，执行效率不高，而且寄生在客户端让浏览器执行的。

vernonzheng·2020-09-15 22:33

Openlayers之初始化地图

1、使用VS新建一个Web空白网站，然后将Openlayers3的开发库和样式文件复制到网站的根目录下；2、新建一个HTML文档，并引入ol.js和ol.css；3、在body标签中新建一个div作为地图加载的容器

桃李不言_下自成蹊·2020-09-15 22:03

Openlayers之地图比例尺控件

1、新建一个html页面，引入ol.js和ol.css文件，然后在body中创建两个div标签，分别用来作为地图和比例尺控件的容器；2、代码实现#scalebar{float:left;margin-bottom:10px;z-index:2000;}window.onload=function(){//实例化比例尺控件varscaleLineControl=newol.control.Scale

桃李不言_下自成蹊·2020-09-15 22:03

OpenLayers 3 之地图控件（control）初始化与定制

OpenLayers3之地图控件（control）初始化与定制的代码如下：varmap=newol.Map({//设置地图控件，默认的三个控件都不显示controls:ol.control.defaults

3s_bigdata·2020-09-15 21:56

openlayers3自定义工具条

对于一个WEB地图应用来说，地图工具条可以说是不可或缺的一个部分，但由于一些样式、功能往往并不能满足实际项目需要，所以仍要对此部分进行定制，从这里将说明如何利用Oplenayers3根据项目要求做一个定制化的工具条。这里我是仿高得地图的样式，做的工具条。1、工具条功能内容内容切换地图(影像地图、地形地图)测量(点击测量会弹出测量选项框)图层控制（点击图层控制会弹出图层控制菜单）全屏和取消全屏2、最

jiym·2020-09-15 21:04

openlayers3+功能拓展

最近看到openlayers3的一个功能拓展，每个功能都是在源码的基础上开发的，我们可以对照着学习源码，也可以参考着做自己的功能拓展，很实用。

jiym·2020-09-15 21:04

OpenLayers3（三）混合地图切换

因为OpenLayers中没有提供混合地图这个api，然后项目要求需要和百度地图一样有混合地图这个功能，然后通过newol.layer.Tile这个api找到了一些思路。

天空影·2020-09-15 21:08

OpenLayers创建地图

Inserttitleherevarmap=null;functioninit(){varoptions={controls:[newOpenLayers.Control.KeyboardDefaults

iteye_11116·2020-09-15 21:03

困扰我的关于OpenLayers的问题终于解决了:

varlon=107.5781;varlat=36.8796;varzoom=2;varmap,layer,gmap,markers;varobjMouse;varoptions={projection:newOpenLayers.Projection

iteye_11116·2020-09-15 21:03

Openlayers 自定义控件

OpenLayers.Control.YourControl=OpenLayers.Class(OpenLayers.Control,{//mayprivatepropertieshere...initialize

a313469292·2020-09-15 21:00

OpenLayers3 实现自定义放大缩小滑块，自定义方向按钮

由于项目需要，需要自定义滑块。为此记录如下：然后js代码：//放大functionZoomOut(){view.setZoom(view.getZoom()+1);}//缩小functionZoomIn(){view.setZoom(view.getZoom()-1);}//地图平移functionpanDirection(direction){varlonlat=0.06;//平移系数varpa

weixin_30294709·2020-09-15 21:03

OpenLayers 3 之地图控件（control）详解

每一个地图应用都应该有一些工具方便用户控制地图的行为，比如缩放，全屏，坐标控件等等，在OpenLayers中怎么添加这些工具呢？

庆祝亚运会·2020-09-15 21:55

Openlayers如何刷新过滤图层

使用Openlyers+Geoserver进行一个大量数据的展示，效率太低不能很好的的展示，也不适合于使用样式表按比例尺进行分层加载，于是研究一下如何通过代码刷新过滤图层，具体如下：1、使用mergeNewParams的方式，这种方式从Geoserver的例子中学来的，数据量不大时可以使用，数据量一大，基本就不能使用了：Java代码//先创建一个filter的数据结构varfilterParams

zyb_java·2020-09-15 06:28

基于 GoogleMap 离线 API 源码在内网中加载卫星地图的方法

另外，也为大家分享过在二维开源平台离线加载卫星影像的方法，主要包括基于OpenLayers的内网WebGIS离线部署和基于MapBox的内网WebGIS离线部署等具体操作方法。

mrib·2020-09-15 05:44

在地图上添加一个marker（标记），并注册事件

1.先创建一个marker的容器图层：varmarkers=newOpenLayers.Layer.Markers("markers");2.创建一个特征要素：varfeature=newOpenLayers.Feature

greymouseyu·2020-09-14 14:46

关于JS两种地图框架mapbar和openLayers

openLayers的官方中文网：http://www.openlayers.cn/portal.phpopenLayers的中文API下载地址：http://ishare.iask.sina.com.cn

iteye_9301·2020-09-14 10:56

基于OpenLayers实战地理信息系统（离线地图，通过基站转经纬度，Quartz深入，轨迹实战）...

一、本课程是怎么样的一门课程（全面介绍）1.1、课程的背景OpenLayers是一个用于开发WebGIS客户端的JavaScript包。

weixin_30608131·2020-09-14 01:27

HT for Web整合OpenLayers实现GIS地图应用

HTforWeb作为逻辑拓扑图形组件自身没有GIS功能，但可以与各种GIS引擎即其客户端组件进行融合，各取所长实现逻辑拓扑和物理拓扑的无缝融合，本章将具体介绍HTforWeb与开发免费的OpenLayers

图扑软件·2020-09-14 01:10

利用OPENLAYERS访问QGIS发布的数据

然后将数据放到QGIS目录下，启动QGISSERVER通过OPENLAYERS加载，QGIS发布的地图这样我们在QGIS中的编辑和配置的地图就可以实时的在客户端的机器上发布

qq_35582643·2020-09-14 00:53

通过Openlayers实现实时定位

转自：http://blog.csdn.net/mach365/archive/2011/01/19/6151827.aspx说到实时监控,我们不能不承认Openlayers功能的确非常强大。

no_cross_no_crown·2020-09-14 00:54

在ArcMap离线加载海量卫星影像的方法

另外，也为大家分享过在二维开源平台离线加载卫星影像的方法，主要包括基于OpenLayers的内网WebGIS离线部署、基于MapBox的内网WebGIS离线部署和基于GoogleMap离线API在内网中加载离线卫星

mrib·2020-09-14 00:12

GeoServer系列之SqlView

Geoserver+postgresql+openlayers(leaflet)是目前主流的gis开发工具。

a18826265589·2020-09-13 07:24

openlayers4 入门开发系列之地图空间查询篇（附源码下载）

前言openlayers4官网的api文档介绍地址openlayers4api，里面详细的介绍openlayers4各个类的介绍，还有就是在线例子：openlayers4官网在线例子，这个也是学习openlayers4

Unknowncheats·2020-09-13 02:05

Qgis打开google在线地图

文中所使用的Qgis版本为1.8.01、在菜单栏中的插件菜单下点击“FetchPythonPlugins”；2、选择“插件下面的”OpenLayersPlugin“点击Installplugin3、安装成功后就可以打开

隔壁的老王·2020-09-12 21:46

Openlayers加载Geoserver WFS

1、环境说明：操作系统：Window764位GeoServer：GeoServer2.1.2，端口8090Openlayers：OpenLayers-2.12Tomcat：apache-tomcat-7.0.22

weixin_30344131·2020-09-12 20:36

OpenLayers和GeoServer的黄金搭档

投资少，见效快，WebGIS黄金搭档对于JS不是很精通的小朋友们注意不要踩坑！如果你创建和初始化map的代码是在header里边引入，请加上"defer"关键字，这样浏览器会在页面加载完成了再执行该脚本，否则地图不能显示出来，也不会报错。参见下图代码

痴痴笑笑·2020-09-12 18:42

echarts加载离线百度地图

最近在做一个国网的一个项目，需要实现一些热力图以及冒泡式的标注等；而且需要在内网使用，感觉使用echarts就可以简单的实现无需加载类似openlayers，leaflet等webgis框架然后再发布地图服务实现

jiegsier·2020-09-12 15:36

推荐频道

openlayers