Openlayer

Vue+OpenLayers学习系列（六）OpenLayers 加载 WFS 地图服务；

一、首先用GeoServer发布地图服务在LayerPreview里面选择一个图层，在AllFormats里面可以选择GeoJson二、OpenLayers读取WFS服务import'ol/ol.css
爱睡懒觉的老舅·2020-08-21 13:30

Vue+OpenLayers学习系列（三）OpenLayers 读取 GeoServer 发布的地图服务

一、首先用GeoServer发布地图服务可以用GeoServer发布Shapefile数据（参见https://zhuanlan.zhihu.com/p/73644445）也可以用GeoServer发布PostGIS数据（参见https://zhuanlan.zhihu.com/p/73870146）注意：GeoServer可能会产生跨域问题，网上很多办法都不靠谱，解决办法在这里：https://
爱睡懒觉的老舅·2020-08-21 13:59

WebGIS 1-3矢量图层显示

1.步骤1)全局变量varmap,layer;2)添加地图容器map=newOpenLayers.Map('map1',{controls:[newOpenLayers.Control.PanZoomBar
故因·2020-08-21 06:49

bootstrap3.x popover报错Cannot read property 'off' of null

最近在使用bootstrap3x的popover实现openlayer的弹出框的时候，控制台总是报错：Cannotreadproperty‘off’ofnull或者Cannotreadproperty‘
请叫我爱你一万年·2020-08-21 01:38

Openlayers 踩坑日记

Openlayers踩坑日记创建瓦片地图、、使用的是全能电子地图下载器扒的高德地图瓦片。
一指禅心·2020-08-21 01:50

JS模拟超级链接下载文件

JS模拟超级链接下载文件vara=document.createElement("a");document.body.appendChild(a);a.setAttribute('href','openlayerexample.zip
jackliuy·2020-08-21 00:54

openlayer-坐标转换

坐标转换varpos=ol.proj.fromLonLat([118.208889,35.3725]);varhdms=ol.proj.transform(coordinate,'EPSG:3857','EPSG:4326');获取坐标系//获取投影坐标系varpos=ol.proj.get('EPSG:3857');varmap=newol.Map({//地图容器div的IDtarget:'ma
知足常乐晨·2020-08-20 23:43

EXTJS-6.2.0示例-在Extjs里使用openlayers加载OpenStreetMap地图

在Extjs里使用openlayers加载OpenStreetMap地图在Extjs里使用openlayers加载OpenStreetMap地图Ext.application({name:'luter-openlayer-map-in-extjs
差点笨死·2020-08-20 20:14

EXTJS-6.2.0示例-在Extjs里使用openlayers加载OpenStreetMap地图

在Extjs里使用openlayers加载OpenStreetMap地图在Extjs里使用openlayers加载OpenStreetMap地图Ext.application({name:'luter-openlayer-map-in-extjs
差点笨死·2020-08-20 20:14

Linux 下Geoserver 的部署

之前做的是在windows下的Geoserver+openlayers的部署开发现在需求是将这套系统移植到Linux下，首先先介绍如何在Linux下部署Geoserver关于Geoserver版本的选择
WeAreYoung1990·2020-08-20 15:59

Windows server 2012 R2 版本 安装Mysql5.5.59

5）基于OpenLayers编译调用w
峤桓·2020-08-20 07:37

请教:VS2019中JS智能提示的问题?

最近装了VS2019，结果发现写JS的时候，原生的JS代码是有智能提示的，但如果引入第三方库（jquery、openlayers等等），VS2019无法智能提示第三方JS库的函数，按照网上的方法也把JS
liuji0517·2020-08-20 06:03

openlayer中zindex设置

openlayer中zindex设置在地图开发过程中，遇到多个图标相互覆盖问题，这时可以使用zIndex控制图标的层级显示。
辰宇26·2020-08-20 01:07

OpenLayers教程十二：多源数据加载之使用XYZ的方式加载瓦片地图

目录一、XYZ方式加载瓦片地图简介二、使用XYZ方式加载OpenStreetMap三、使用XYZ方式加载高德地图四、使用XYZ方式加载雅虎地图（Yahoo）一、XYZ方式加载瓦片地图简介前面已经讲过瓦片地图使用金字塔结构组织瓦片，可以说这是一个三维的结构，使用XYZ这样的坐标来精确定位一张瓦片。即Z用于表示地图层级，XY表示某个层级内的平面，X为横坐标，Y为纵坐标，类似于数学上常见的笛卡尔坐标系。
不睡觉的怪叔叔·2020-08-19 03:59

OpenLayer+Geoserver+postgis实现路径分析

这几天一直在研究关于路径规划的问题，postgis也是现学现用，由于SQL的语法掌握还不错，postgis仅需要熟悉常用的函数就行，关于常用的postgis函数，我已经结合网上的一些资料写了一篇文章，关于做一些GIS的空间分析，我们有两种选择，一是选择geotools，二结合postgis，两者选一个即可，我发现postgis+geoserver组合，本质上还是通过geotools来实现的，废话不
hpugisers·2020-08-18 12:56

基于PostGIS+PgRouting的最短路径查询的实现（三）：Openlayers篇

上一篇完成了最短路径服务发布，接下来记录下Openlayers中如何使用该服务。其实这个服务同其他的Geoserver图层类似，只不过多带了两个参数。在请求地图服务时，只要把这两个参数传入即可。
此爱如少年·2020-08-18 12:21

openlayers加载地图、加载WMTS、包引用

（1）openlayers引入js、css方法：官网的直接引入地址可能无效，可尝试引入以下地址的css、js：（2）官方示例中import报错，解决办法：参考：https://www.jianshu.com
空山新雨君·2020-08-18 10:03

OpenLayers3 学习心得（六）——WMS服务

最近，有同学问如何加载geoserver发布的wms服务，不知道如何设置zoom和extent，首先讲解下这两个属性的含义：zoom：将地图缩放到某一级别，个人理解为level；extent：图层渲染的范围，超过这个范围图层将不可见（这个是layer中的属性，其他请参考相应版本的api）；下面进入正题，如何加载wms服务。由于ol3默认的坐标系为EPSG:3875以及EPSG:2836对应前面一种
GISerHou·2020-08-18 10:49

openlayer2 加载arcgis server发布的wms,底图使用高德地图

OpenLayersMapQuestDemo-->html,body,#map{padding:0;margin:0;height:100%;width:100%;}varmap;functioninit
wk2133·2020-08-18 10:33

OpenLayers访问WMS服务并获取要素的属性

OpenLayers跨域访问WMS服务并获取要素的属性整体思路:1.因为我们这个地图服务是在Geoserver发布,要先解决跨域的问题,GeoServer启动有两种方式,一种是war存放在tomcat里启动
老费吖·2020-08-18 09:27

OpenLayers中的Layer概念和实践--Openlayers调用WMS服务

在这一章中我们将要学到什么是OpenLayers中的Layer(图层)基层和覆盖层之间的区别学习Layers对象，以及对象上的属性学习WMSLayer类了解Layer对象描述的属性讲解其他的Layer类讲解
weixin_34335458·2020-08-18 09:19

浅析OpenLayer3加载WMS一些问题

前一段时间一直被一个问题所困扰，作为GIS开发我们的核心竞争力在哪，如果只是搞一些api可替代性太大了，毫不技术可言，问了好多人无果，说法各持一方，最近也感觉理论知识，用处真的很大，WebGIS并不只是做出来一些效果就证明你技术很厉害，需要理论的内涵支撑，废话不多说，开车开车。一、关于转换成tiff格式的一些问题geoserver不支持将png格式的图片发布为服务，需要将png格式图片通过arcm
weixin_30266829·2020-08-18 09:40

Openlayers2图层加载（一）WMS图层

Openlayers+Geoserver来实现前端地图开发，是常见的一种地图开发操作方式。
此爱如少年·2020-08-18 09:21

Openlayers2切换supermap WMS服务底图，已解决

电子海图的图层切换控件html,body{width:100%;height:100%;margin:0;padding:0;}functioninit(){//使用指定的文档元素创建地图varmap=newOpenLayers.Map
JackChenKing·2020-08-18 09:21

Openlayers2图层加载（三）使用WFS方式加载矢量图层

示例：functioninitMap(){varmap,baseLayermap=newOpenLayers
此爱如少年·2020-08-18 09:21

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服务，总体上还算顺利，下面以一个完整的示例来进行说明。
顽劣的石头·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
啦啦啦爱太阳·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

openlayer加载WMS图层例子（LAYERS对应值填的是name属性）

TiledWMSvarlayers=[newol.layer.Tile({source:newol.source.XYZ({url:'http://t3.tianditu.com/DataServer?T=vec_c&x={x}&y={y}&l={z}',projection:"EPSG:4326"})}),newol.layer.Tile({//extent:[117.909832,24.427
阿星_·2020-08-18 08:38

关于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

node 打包内存溢出 FATAL ERROR: Ineffective mark-compacts near heap limit Allocation failed - JavaScript he...

electron-vue加载了地图openLayer后,打包就包内存溢出解决办法:"build":"node--max_old_space_size=4096build/build.js"直接在node
weixin_30508309·2020-08-18 04:33

从零开始gis——(2)gis开发环境的搭建 qgis + geoserver + postgresql + postgis + openlayer

1.gis开发都用什么?最好用的一站式gis解决方案是esri公司的arcgis。他提供了arcgisdesktop(绘图用的)+arcgisserver(发布地图服务)+arcgisjsapi(做页面开发的js库)功能强大,jsapi简单易用，不过这个并不是开源免费的，是收费的，不过破解版都有，大家可以自己去尝试，本篇文章不做细讲。2.我们使用的技术栈。qgis绘图+geoserver提供地图服
欣欣欣白白白·2020-08-17 23:17

openLayer4实现动态改变标注图标

本文实例为大家分享了openLayer4动态改变标注图标的具体代码，供大家参考，具体内容如下地图上经常需要标出标注，标注点击之后要有相应的变化来达到一定的效果。
·2020-08-17 16:57

openlayers4实现点动态扩散

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

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

本文实例为大家分享了Openlayers实现扩散的动态点的具体代码，供大家参考，具体内容如下在openlayers中制作危险源标识可以需要动态扩散的点（有很多种方法可以加入jpg动图，也可以写css动画
·2020-08-17 16:12
上一页 13 14 15 16 17 18 19 20 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他