openlayer4加载arcgis rest服务（遥感影像切片）

最新推荐文章于 2024-01-25 19:14:08 发布

渊博苑

最新推荐文章于 2024-01-25 19:14:08 发布

阅读量671

点赞数 2

分类专栏： arcgis server 文章标签： openlayer arcgis 遥感切片

本文链接：https://blog.youkuaiyun.com/ucs426/article/details/109774019

版权

arcgis server 专栏收录该内容

34 篇文章

订阅专栏

啊，最近遇到一个扯皮的单位，一些事情，

坑一：一个奇葩搞项目开发开发商，非要说俺们发的服务有问题。……（其实可以用arcgis api 调用相关服务看，arcgis api 调用没问题）

坑二：非要俺用openlayer4调用地图服务给他们看，其实他们不会openlayer。找arcgis 售后，售后说openlayer非arcgis产品，概不支持。

好吧，

古人云——工作就是填坑的过程。

古人又云——老板请你来，就是请你用你的才华，把坑填了。

吃完一顿饭，再外面逛了一圈，那个开发商还没用openlayer把服务调出来。

好吧，我洋洋洒洒，1分钟不到，就把切片服务调出来了。附录：代码。抄代码前，点个赞，能活999！

注意下面代码是离线环境的（所以你要在open layer官网搞个ol.css和ol.js)要是不想找，也找不到，可以下载我准备好的文件，代码！！哇，送代码啦！https://download.youkuaiyun.com/download/ucs426/13122436。

<!DOCTYPE html>
<html>
  <head>
    <title>XYZ Esri</title>
    <link rel="stylesheet" href="./ol.css" type="text/css">
    <!-- The line below is only needed for old environments like Internet Explorer and Android 4.x -->
    <!-- <script src="https://cdn.polyfill.io/v2/polyfill.min.js?features=requestAnimationFrame,Element.prototype.classList,URL"></script> -->
    <script src="./ol.js"></script>
  </head>
  <body>
    <div id="map" class="map"></div>
    <script>
      var map = new ol.Map({
        target: 'map',
        layers: [
          new ol.layer.Tile({
            source: new ol.source.XYZ({
              attributions: 'Tiles © <a href="https://xxxxxxx:6443/arcgis/rest/services/NC/MapServer">ArcGIS</a>',
              url: 'https://xxxxxxx:6443/arcgis/rest/services/NC/MapServer/tile/{z}/{y}/{x}'
            })
          })
        ],
        view: new ol.View({
          center: ol.proj.fromLonLat([115.85129,28.703333]),
          zoom: 11
        })
      });
    </script>
  </body>
</html>