openlayers

Openlayers4加载WMS地图

前面介绍过Openlayers2加载地图的方法。但是Openlayers2现在已经算很老的版本，只有在老项目中可能还在用到。最新的Openlayers已经升级到了Openlayers5。
此爱如少年·2020-08-18 09:50

openlayers.layer.WMS

参数name{string}Anameforthelayer,url{string}BaseurlfortheWMS(e.g.http://wms.jpl.nasa.gov/wms.cgi)params{object}Anobjectwithkey/valueparirsrepresentingtheGetMapquerystringparametersandparametervaluesopri
u011465574·2020-08-18 09:12

openlayers3配置geoserver(WMS)，获取已渲染ImageWMS底图详解

最近，原项目中的openlayers2进行框架升级为openlayers3,因为openlayers3相当于进行了完全重构，导致项目升级遇到了一些问题。
水手峡谷·2020-08-18 09:34

arcmap发布wms服务并用openlayers加载

Arcgis:10.4准备全国shp数据：测试数据和图层加载代码下载地址：http://download.csdn.net/download/u010476739/10197521http://download.csdn.net/download/u010476739/10197523打开arcmap，首先连接arcgis服务器：连接到arcgisserver参照：http://blog.csdn
jackletter·2020-08-18 09:32

Openlayers3 加载 GeoServer WMS的实现

最近在学习GeoServer，今天尝试了用Openlayer3加载WMS服务，总体上还算顺利，下面以一个完整的示例来进行说明。varlayers=[newol.layer.Tile({source:newol.source.TileWMS({url:'http://localhost:8089/geoserver/postgis/wms',params:{'LAYERS':'postgis:yun
顽劣的石头·2020-08-18 09:21

OpenLayers + GeoServer 实现(扩展的)通用查询语言(CQL/ECQL)

1、CQL/ECQL简述CQL（CommonQueryLanguage，通用查询语言）是OGC为目录web服务规范创建的查询语言，不像基于XML的编码语言，CQL使用我们更熟悉的文本语法编写，具有更好的可读性和适应性。更多关于Geoserver中CQL的使用说明，参考CQLAndECQL。CQL的使用，要求属性在比较运算符的左边，基于此，Geoserver提供了扩展的CQL即ECQL，它提供了一种
顽劣的石头·2020-08-18 09:21

OpenLayers中TileWMS和ImageWMS的使用说明

GeoServer中发布的WMS服务，使用OpenLayers显示后，发现加载的地图是切片的，这让我很疑惑：是GeoServer中发布的WMS服务有问题，还是OpenLayers中加载WMS的方式有问题
顽劣的石头·2020-08-18 09:21

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

OpenLayers3的WMS空间查询实现多个图层

空间查询前面的帖子写过，但是在一次性查询多个图层的时候卡了一下，再次记录下。1、WMS数据源：varwmsSource=newol.source.TileWMS({url:'http://localhost:8080/geoserver/wms',params:{'LAYERS':'test:县界_2010907_PolygonTo_Mid_Fea,test:行政区划'},serverType:'
KronChan·2020-08-18 09:15

openlayers 如何调用geoserver发布的wms服务

如何调用geoserver发布的wms服务启动geoserver，点击左侧导航工具栏中的LayerPreview找到自己相应调用的图层，点击Openlayer进行预览，如下图：在浏览器的地址栏中，http://localhost:8080/geoserver/sf/wms即为调用wms服务的url地址，还会有相应的版本号，请求类型，图层名等；利用如下代码，即可调用geoserver发布的wms服务
啦啦啦爱太阳·2020-08-18 09:57

OpenLayers2---WMS服务

OpenLayers2–WMS服务示例说明：使用的是OpenLayers2.13版.参考：http://www.cnblogs.com/ustcyc/p/3508837.htmlHTML代码(WMS.html
EchoShelter·2020-08-18 09:52

关于openlayers显示wms地图的说明

昨天接到项目经理的活：把页面上的flex形式的地图换成用openlayers形式展现。
lovinghong·2020-08-18 08:22

（十九）ArcGIS JS 加载WMS服务（超图示例）

前言在工作中，需要在ArcGISAPIforJavaScript中加载超图服务，因为超图的rest服务只可以用于Leaflet、openlayers3(withMVT)、MapboxGL、Tianditu.com
idomyway·2020-08-18 08:00

openlayers 加载geoserve发布的WMS数据

一、导入相关的包import{TileasTileLayer,VectorasVectorLayer}from'ol/layer.js';import{XYZ,TileWMS,VectorasVectorSource,ImageWMS,Cluster}from'ol/source.js';二、函数的封装//加载geoserver发布的WMS数据exportfunctiongeoServeWMS(m
gis_SSS·2020-08-18 08:28

ArcGIS学习（五）OpenLayers调用WMS服务

OpenLayers：OpenLayers是一个开源的js框架，用于在您的浏览器中实现地图浏览的效果和基本的zoom，pan等功能。
lxbgg·2020-08-18 08:07

openlayers3，TileWMS和ImageWMS区别

这是我看了几个网页后的总结，可能不准确，欢迎指正。TileWMS，顾名思义，是服务端生成规则网格切片，切片一旦生成，还可以指定是否要缓存在服务端（的文件夹中），于是下次请求的时候，会有效率提升，缺点，需要消耗存储空间，看网上说，TimeWMS对标注label的处理效果没有ImageWMS好。ImageWMS，是根据请求，实时生成和当前视图相同尺寸的一张大图，并返回，不会有缓存，相比TileWM
dreamgis·2020-08-18 08:36

Vue+OpenLayers学习系列（四）OpenLayers 加载 WMS 地图服务

一、简单介绍OpenLayers读取WMS服务与OpenLayers读取GeoServer发布的地图服务类似二、代码本次Demo主要介绍读取GeoServer发布的WMS地图服务，并且绘制矢量Shapetype
爱睡懒觉的老舅·2020-08-18 08:29

openlayers加载WMS服务图层

vartian_di_tu_road_layer=newol.layer.Tile({title:"天地图路网",source:newol.source.XYZ({url:"http://t4.tianditu.com/DataServer?T=vec_w&x={x}&y={y}&l={z}&tk=42dca576db031641be0524ee977ddd04"})});//加载天地图--注记图
肆爪·2020-08-18 07:47

利用ol.js给Openlayers加载wms服务

不知道从哪个版本开始，openlayers的文件引用就开始用import那一套了，真的是看着简单做着难，就引用一个js文件，我怎么引用都是错误的，简直是醉了，我也没有开始研究这个，不过这个肯定是趋势了。
Tonque·2020-08-18 07:36

openlayers4实现点动态扩散

本文实例为大家分享了openlayers4实现的点动态扩散的具体代码，供大家参考，具体内容如下原理：连续刷新地图，并且刷新时，修过点样式的半径大小，来实现扩散效果；//定义底图varbaseLayer=
·2020-08-17 16:57

Openlayers实现扩散的动态点（水纹效果）

本文实例为大家分享了Openlayers实现扩散的动态点的具体代码，供大家参考，具体内容如下在openlayers中制作危险源标识可以需要动态扩散的点（有很多种方法可以加入jpg动图，也可以写css动画
·2020-08-17 16:12

Openlayers+GeoServer+MySql获得JSON、GML数据的兼容性问题

问题在使用OpenLayers4获得GeoServer数据时出现的一个问题：if(currentSource.getGetFeatureInfoUrl){url=currentSource.getGetFeatureInfoUrl
李世吉吉·2020-08-16 18:48

Leaflet插件整理——Tile/image layers插件

Leaflet插件整理1.前言2.Basemapproviders插件3.Basemapformats插件1.前言Leaflet以体积小、轻量著称，但这也是它的缺点，和openlayers相比，Leaflet
Giser张博·2020-08-16 17:39

【Openlayers】完全前端实现 驾车路径规划

1.说明：OL官网上没有路线规划的API，我就套用高德地图的API，把渲染后的数据在OL上进行渲染。往深了说，我们就是需要高德的API的数据而已。其他没有什么难。我的代码实现流程是：先加载高德地图的API和工具，保证需要的工具加载完成后，再进行OL地图的加载和使用。其他就是使用高德API和OL的地图渲染了。没有什么。2.效果：3.代码：先加载高德工具：_init:function(){////高德
arminc·2020-08-16 16:38

gis地图常用的工具：geoserver、openlayers、cesium，为我们初学者学习gis提供的福利

1、geoserver：（底下有个案例说geoserver+openlayers）是OpenGISWeb服务器规范的J2EE实现，利用GeoServer可以方便的发布地图数据，允许用户对特征数据进行更新
浩星·2020-08-16 14:35

GIS解决方案（1）：geoserver+openlayers+mysql设计思想

第0章：说说GIS百度了下GIS（地理信息系统），发现文章题目大了，暂先用用。GIS概念找google、百度、wiki，不可否认这是普遍认知入门好方法。从百度百科偷来一神图：结合Google和网页功能的地理资讯系统架构新概念不少，看了半天没懂，有兴趣再慢慢琢磨，毕竟人家是google嘛。下面我要讨论的GIS设计思想是贬义的，只从web软件开发角度做简单的设计。第1章：geoserver+openl
龙泉太阿·2020-08-16 10:43

Openlayers3学习心得之Cluster

前言最近在学习开源地图库——Openlayers3，将自己的一些学习心得分享出来，第一次写文章，望支持。
进击的小宇宙·2020-08-15 20:18

openLayers TMS加载谷歌地图瓦片

openLayersTMS中加载谷歌瓦片经纬坐标(LonLat)和投影坐标系的转换http://www.cnblogs.com/sailheart/archive/2011/03/11/1981536.
Z_零点·2020-08-15 20:48

openlayer组成部分

1.地图（Map）：对应的类是ol.Map;2.视图(View)：对应的类是ol.View，控制地图显示的中心位置，范围，层级等;3.图层(Layer)：OpenLayers3有多种多样用于不同业务的图层
zxc13552314286·2020-08-15 20:46

如此简洁明了的WMTS客户端实现-来自openlayers

下面是来自于openlayers官网的代码：WMTSLayerfromCapabilitiesimportMapfrom'ol/Map.js';importViewfrom'ol/View.js';importWMTSCapabilitiesfrom'ol
凌渊阁·2020-08-15 20:15

openlayers5部分使用细节

近期使用openlayers5开发wmts自切地图的加载和切换，自定义样式，要素信息读取加载wmts自定义地图//加载地图(wmts服务)functioninitMap(){//1.设置空间参考坐标系使用哪个坐标系取决于加载的地图服务坐标系与地图服务不同
zhuzhuCode·2020-08-15 20:13

Openlayers 在地图上画点，线，面，圆

OPenLayers3example#map{width:100%;height:500px;}ulli{list-style:none;}.ol-popup{position:absolute;background-color
jimjiayu·2020-08-15 20:40

OpenLayers WFS图层加载不能看到效果之一：数据已下载，图形没看到

以下代码为OpenLayers示例代码wfs-states.js改编出来的代码，这样写完全没有问题。varmap;OpenLayers.ProxyHost="cgi-bin/proxy.cgi?
zhuhuazha·2020-08-15 20:09

OpenLayers添加地图说明等内容

Openlayers作为展现地图的开源AJAX框架，非常方便实用。这里是一段如何添加自己需要的一段话，借助的是Attribution控件。
zhuhuazha·2020-08-15 20:09

openlayers应用（四）：百度地图坐标纠偏续

续前一篇，上一篇提到百度地图纠偏的基本思路，经过经过一天的努力，实现了百度地图坐标偏移参数的提取，步骤以及实现效果如下：1、数据来源：四川省的省道矢量数据2、提取坐标偏移参数的过程如下：A、将四川省地图范围按一定的范围划分成多个相同的网格B、为网格准备纠偏数据：读取四川省省道矢量数据，并将矢量数据分配到划分的网格C、加载百度在线或者离线地图，绘制矢量数据，使用页面上的按钮，将省道图形移动到正确的位
cdguiyi·2020-08-15 20:08

openlayers3应用（三）：百度坐标“纠偏”

前两篇文章介绍了openlayers3加载百度在线和离线瓦片地图，页面上能够正常显示。
cdguiyi·2020-08-15 20:07

openlayers 地图上绘制区域悬浮弹窗实现跟随鼠标移动

今天做了一个功能，是基于openlayers在地图上绘制区域，并实现鼠标在区域内悬浮弹出指示窗，指示窗随着鼠标的移动而移动。我采用的是ol.Overlay方式：首先新加一个overlay。
白眉鹰王707·2020-08-15 20:37

vue+openlayers5学习总结（二）官网examples运行实例

目录1.下载官方源码，将data拷贝到（一）中的工程中。2.找到官方源码中的examples，选其中一个实例。如下图3.需要对实例进行修改才能运行1.下载官方源码，将data拷贝到（一）中的工程中。2.找到官方源码中的examples，选其中一个实例。如下图3.需要对实例进行修改才能运行将文件拷贝到目录下，改写html文件zsl#map{width:90%;height:90%;}-->Gotom
张栓来·2020-08-15 20:35

Geoserver项目开发_8.Openlayers调用矢量切片服务

矢量切片在调用过程中其渲染是由客户端（如OpenLayers）完成，而不是由服务器完成。这就允许不同的地图/应用程序以不同方式设置地图样式，而无需重新配置GeoServer。
占戈西木·2020-08-15 20:03

基于OpenLayers 的WFS模糊查询优化

实现代码：varfilter=newOpenLayers.Filter.Logical({type:OpenLayers.Filter.Logical.AND,filters:[n
九江妇幼保健院信息科-张磊·2020-08-15 20:03

OpenLayers下将浮云框显示位置固定

OpenLayers下对浮云框显示位置的处理非常灵活，可以根据指向的锚点自动调整自身位置。但是有时候我们并不需要这种功能，需要将位置固定到某一方位，比如右上角。
zhangjie617·2020-08-15 20:32

关于使用OpenLayers的透明图层叠加的一些问题

WMS就显得简单多了：vargmap=newOpenLayers.Layer.WMS("gmap",
九江妇幼保健院信息科-张磊·2020-08-15 20:31

openlayers3学习-创建地图，添加、移除监听事件

一、入门实例Title//view,layers,target是初始化地图的必须的三个属性，缺一不可。letmap=newol.Map({view:newol.View({center:[0,0],zoom:1}),layers:[newol.layer.Tile({source:newol.source.OSM()})],target:'map',//这俩参数是控制底图切片的加载时机，设置为tr
单调的黑白灰·2020-08-15 20:31

关于openlayers 加载tiled图层边界重采样的问题

今天，我把影像金字塔用tiled加载，为得是想用geoserver里自带的geowebcache.偷懒的把layerpreview以html保存下来，它里面的map是以map.addLayers([untiled,tiled]);方式加载的，也就是以singleTile方式加载，我想只是简单地把这顺序交换一下吧，写成：map.addLayers([tiled,untiled]);果真是以tiled
九江妇幼保健院信息科-张磊·2020-08-15 20:31

openlayers3学习--简介

官网https://openlayers.org/一、官方简绍：Ahigh-performance,feature-packedlibraryforallyourmappingneedsOpenLayersmakesiteasytoputadynamicmapinanywebpage.Itcandisplaymaptiles
单调的黑白灰·2020-08-15 20:31

使用geoserver+openLayers加载google地图

下载openLayers官网：http://www.openlayers.org/配置好JAVA_HOME下载地图（s
念来过倒蛋笨·2020-08-15 20:58

openlayer简介及简单使用

openlayersOpenLayers是一个用于开发WebGIS客户端的JavaScript包，最初基于BSD许可发行。
```???·2020-08-15 20:58

openlayers展示坐标点、连线并实时刷新

//指定地图的位置//声明点位信息所需变量varrouteInfos=[];varroutePopups=[];//声明连线要展示的图层(图层的添加顺序会用心覆盖效果)varvector_line;//声明地图map=newol.Map({target:'map',view:newol.View({center:ol.proj.transform([105.571776,28.874441],'E
Super特特·2020-08-15 20:47

openlayers4.6.5 实现距离量测和面积量测

目录版本：openlayers4.6.5效果图：小插曲：实现原理：完整的js代码如下（鼠标样式图标我没放上来，有需要的我给你发邮箱）：版本：openlayers4.6.5效果图：小插曲：原本使用ol官方提供的量测例子
yangniceyang·2020-08-15 20:15

Openlayers 判断图形包含点

fvarcomponets=f.geometry.components[0].components;varchangedComponents=_.map(componets,function(c){returnnewOpenLayers.Geometry.Point
yaksok·2020-08-15 20:12
上一页 12 13 14 15 16 17 18 19 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他