OpenLayers实现加载Arcgis Server发布的服务（默认发布的MapServer服务）

最新推荐文章于 2024-01-29 21:22:19 发布
最新推荐文章于 2024-01-29 21:22:19 发布
阅读量2.1k 收藏 2
点赞数
分类专栏： OpenLayers
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/m0_37565924/article/details/103606965
版权
m0_37565924
关注
  • 0
    点赞
  • 踩
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
07-openlayers加载WMTS服务
fxshy的博客
05-14 40
07-加载WMTS服务
Vue+OpenLayers学习系列（二）OpenLayers 读取 ArcGIS Server 发布的地图服务
Ocean111best的博客
08-02 1870
一、首先用 ArcGIS Server 发布地图服务 在 ArcMap 中文件-共享为-服务，然后选择发布服务 二、Vue + OpenLayers 读取发布的 ArcGIS Server 地图服务 <template> <div id="map" ref="rootmap"> </div> </template> <script> import 'ol/ol.css'; import Map from 'ol/Map';
【ArcGIS Server | 学习】发布地图服务并在Openlayers中调用
Yangol_Arc的博客
05-11 1559
在学习了Oracle数据库基础以后，本想在ArcGIS中连接Oracle数据库（图解ArcSDE10.2 for Oracle 11g 安装-百度经验 (baidu.com)）， 但在授权文件中出现arcgis server.ecp的相关信息，便对下面的工作造成困扰。于是，转而研究了一下ArcGIS Server的相关内容。 以往的知识储备告诉我，通过Server将制作好的地图数据发布，就可以在其他Web界面调用我发布的服务网址，融合其他的Web端操作，提供给用户基于此地图的多种功能。 首先按照以下方
获取arcgis server 发布的mapserver图例
往事随风的博客
07-01 942
获取arcgis server 发布的mapserver图例
基于.NET 2.0的GIS开源项目SharpMap分析手记（三）：地图渲染分析
地理信息，无处不在
12-07 1万+
 1 运行过程我们通过实例来讲述SharpMap的运行过程和渲染（绘制）机制。首先打开Simple.aspx，可知此页面有一组单选框（3个，分别是放大、缩小和漫游）和一个图像按钮，用于显示地图。它的代码在Simple.aspx.cs中。打开Simple.aspx.cs，在Page_Load函数中是页面初始化代码。可知地图生成分两步：1.1 初始化地图//Set up the m
openlayers 调用 arcgis server wms服务简单图解
11-24
openlayers 调用 arcgis server wms服务简单图解 java net
openlayers加载arcgis发布的OGC WMS服务
01-09
OpenLayers 是一个流行...总之，通过OpenLayers加载ArcGIS发布的OGC WMS服务，可以让非ArcGIS用户利用丰富的ArcGIS地图数据，实现跨平台的地图应用。理解这些概念和实践操作，对于构建基于Web的地理信息系统至关重要。
openlayer4 加载arcgis rest 服务（遥感影像）
11-18
openlayer4 加载arcgis rest 服务（遥感影像）。本文件适用于离线环境和有网络的在线环境。包括离线open layer，ol.css和ol.js文件和代码。代码很简单，老铁替换服务地址就可以使用代码。关键是质量保证，项目验证。...
openlayers4.0+arcgis10.1+token
06-15
1. **设置地图服务**: 首先，你需要知道ArcGIS REST服务的URL，这通常以`https://yourserver/arcgis/rest/services/yourService/MapServer`的形式提供。 2. **获取token**: 使用ArcGIS API（可以是JavaScript版或...
Openlayers wms iis arcgis server title cache 配置简单图解
11-29
配置OpenLayers、WMS、IIS和ArcGIS Server的Title Cache，主要是为了优化地图服务的性能，减少对ArcGIS Server的频繁请求，从而改善用户体验。以下是一个简单的配置步骤： 1. **安装和配置环境**： - 安装ArcGIS ...
Openlary4加载ArcGIS离线瓦片地图
08-10
本篇文章将详细探讨如何使用OpenLayers 4加载ArcGIS离线瓦片地图。 首先，理解瓦片地图的概念至关重要。瓦片地图是一种将大尺寸地图分割成多个小块（通常为256x256像素的图像），以便快速加载和显示。ArcGIS允许...
openlayers系列：加载arcgis和geoserver在线离线切片
bitree1的博客
07-21 3396
openlayer加载各种服务上发布的数据，不同坐标系数据，如 加载好天地图、4490arcgisserver 服务、本地影像切片等
Openlayers加载离线地图Arcgis瓦片
初念初恋的博客
05-26 4988
OpenLayers 是一个专为Web GIS 客户端开发提供的JavaScript 类库包，用于实现标准格式发布的地图数据访问。从OpenLayers2.2版本以后，OpenLayers已经将所用到的Prototype.js组件整合到了自身当中，并不断在Prototype.js的基础上完善面向对象的开发，Rico用到地方不多，只是在OpenLayers.Popup.AnchoredBubble类中圆角化DIV。特征。
openlayers：实现使用动态ArcGIS REST MapService (附完整源码）
最新发布
希望我的博客，能帮上你解决学习中工作中所遇到的问题
01-29 78
openlayers：实现使用动态ArcGIS REST MapService (附完整源码）
OpenLayers实现加载ArcGIS Server发布的Feature Access服务
m0_37565924的博客
12-19 1273
能够正确加载Feature Access服务也走了不少的坑。 官网Demo：https://openlayers.org/en/latest/examples/vector-esri.html?q=arcgis 第一个坑是：没有将图层发布为Feature Access服务，然后直接去使用REST URL加载服务。比如是这样的 这样的结果就是发布的图层没有出现。 第二个坑是：我在我已经意...
Openlayers之加载ArcgisServer的切片（TileArcGISRest加载方式）
热门推荐
SmileCoffin的博客
08-15 1万+
1、先使用ArcGIS Server切好瓦片地图，切完以后在ArcGIS Server Manager中找到该瓦片的访问地址，如图所示： 2、ol.source.TileArcGISRest类     Openlayers的API中提供了一个专门用来加载ArcGIS Server切片服务的类 ol.source.TileArcGISRest，其具体描述如下：        Laye
用openlayers4调用arcgis server 10.2发布的wms服务，出现的跨域问题解法。
diaya的专栏
02-22 986
用openlayers4调用arcgis server 10.2发布的wms服务，出现跨域问题 1. 在http://search.maven.org里，下载cors-filter-1.7.jar，Java-property-utils-1.9.jar这两个库文件，放到C:\Program Files\ArcGIS\Server\framework\runtime\tomcat\lib目录下...
Openlayers 加载ArcGIS Server切片服务（自定义切片方案）
林恒的博客
05-31 2937
背景 最近遇到一个需求，要使用OpenLayer加载ArcGIS Server发布的服务。如果直接拷贝OpenLayer提供的在线官方Demo，然后修改下地图服务地址是跑不通的，这是因为OpenLayer默认加载的ArcGIS服务是规范化的切片方案(从0级到20级，每一级的切片比例尺都是固定的)，但是由于现场使用的是自定义的切片方案，所以还需要去调整下代码。 关键点 在加载ArcGIS Serv...
openlayer6【一】加载ArcGISMapServer服务并进行地理投影坐标转换
WebGIS搬砖工程师
01-07 1094
openlayer6【一】加载ArcGISMapServer服务并进行地理投影坐标转换
vue 使用openlayer 加载arcgis地图服务
05-19
要在Vue中加载ArcGIS地图服务，您需要使用OpenLayers库。以下是一些步骤： 1. 安装OpenLayers 您需要先安装OpenLayers库。您可以使用npm来安装它，命令如下： ``` npm install ol ``` 2. 导入OpenLayers 在Vue组件中，您需要导入OpenLayers库。您可以在组件的script部分添加以下代码： ``` import ol from 'ol' import Map from 'ol/Map' import View from 'ol/View' import TileLayer from 'ol/layer/Tile' import XYZ from 'ol/source/XYZ' ``` 3. 创建地图 在Vue组件的methods部分，您可以创建一个createMap函数，其中包含创建地图的代码。以下是一个示例代码： ``` createMap() { let map = new Map({ target: 'map', view: new View({ center: [0, 0], zoom: 2 }) }); let layer = new TileLayer({ source: new XYZ({ url: 'http://server.arcgisonline.com/ArcGIS/rest/services/World_Street_Map/MapServer/tile/{z}/{y}/{x}' }) }); map.addLayer(layer); } ``` 在上面的代码中，我们首先创建一个地图对象，然后创建一个瓦片图层，并将其添加到地图对象中。在瓦片图层的source属性中，我们指定了ArcGIS地图服务的URL。 4. 在模板中添加地图 在Vue组件的template部分，您可以添加一个div元素来显示地图。以下是一个示例代码： ``` <template> <div> <div id="map"></div> </div> </template> ``` 在上面的代码中，我们添加了一个id为“map”的div元素，它将用于显示地图。 5. 调用createMap函数 最后，在Vue组件的mounted部分，您可以调用createMap函数来创建地图。以下是一个示例代码： ``` mounted() { this.createMap(); } ``` 在上面的代码中，我们在组件挂载后调用createMap函数。 这就是在Vue中加载ArcGIS地图服务的基本步骤。您可以根据自己的需求进行修改和扩展。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值