第一篇博客，简单的开个头吧。希望自己能坚持记录。一般什么情况什么人需要这样的需求呢，伐木的光头强大哥说我们在深山老林里，没网的啊，地图就手机本地duang的加载一下吧。那么Server啊就要丢掉丢掉。丢掉手表丢掉外套，丢掉背包再丢掉唠叨，咳咳，跑题了。来看看具体步骤吧，非常简单但详细。

1. 制作切片的数据基本信息如下：

图层数据信息：

地理坐标系:  GCS_WGS_1984

基准面:          D_WGS_1984

本初子午线:              Greenwich

角度单位:     Degree

数据框信息：

GCS_WGS_1984

WKID: 4326 权限: EPSG

2.设置的缓存方式如下：（缓存切片方案ArcGIS online/Bing/google），缓存级别10-16；高级设置：切片原点默认，存储格式松散型EXPLODED。

3.发布切片服务前先分析一下结果：（无错误）

4.发布完成后可以登录ArcGIS server查看缓存的相关信息或者在本地的缓存文件夹arcgiscache中查看缓存的信息：

5.缓存好的本地文件，文件命名方式是16进制：

6.测试代码

<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8">

    <title>ol加载ArcGIS本地切片</title>

    <link rel="stylesheet" href="ol.css">

    <script src="ol.js"></script>

</head>

<body>

<div id="map"></div>

<script type="text/javascript">

    // 设置寻甸县为地图中心，此处进行坐标转换， 把EPSG:4326的坐标，转换为EPSG:3857坐标，因为ol默认使用的是EPSG:3857坐标

    pos = ol.proj.transform([103.25, 25.56], 'EPSG:4326', 'EPSG:3857');

    //alert(pos);

    //创建地图

    var map = new ol.Map({

        view: new ol.View({

            center:pos,

            zoom: 10

        }),

        //添加open street map图层

        layers:[

            new ol.layer.Tile({

                source:new  ol.source.OSM()

            })

        ],

        //将地图添加到的map容器中

        target: 'map'

    });

    //给8位字符串文件名补0

    function zeroPad(num, len, radix) {

        var str = num.toString(radix || 10);

        while (str.length < len) {

            str = "0" + str;

        }

        return str;

    }

    // ol.source.XYZ添加瓦片地图的层

    var tileLayer = new ol.layer.Tile({

        source: new ol.source.XYZ({

            tileUrlFunction: function (tileCoord) {

                //alert(tileCoord[0] + " X= " + tileCoord[1] + " Y= " + tileCoord[2]);

                var x = 'C' + zeroPad(tileCoord[1], 8, 16);

                var y = 'R' + zeroPad(-tileCoord[2] - 1, 8, 16);

                var z = 'L' + zeroPad(tileCoord[0], 2, 10);

                return  '_alllayers/' + z + '/' + y + '/' + x + '.png';

            },

            projection: 'EPSG:3857'

        })

    });

    map.addLayer(tileLayer);

</script>

</body>

</html>

7.调试的结果：

Openlayer 3加载本地ArcGIS切片的更多相关文章

  1. OpenLayers 3加载本地Google切片地图

    OpenLayers  提供了ol.source.XYZ 接口用以加载切片地图. 本地切片地图是用地图切片下载器下载的Google道路图层,由于软件未激活,所以每张切片地图上都有软件作者的联系方式,请 ...

  2. ArcGIS JS 4加载第三方矢量切片

        现在矢量切片越来越普及,对于地图渲染能更轻更快.ArcGIS JS 4.13可以实现加载第三方矢量切片,以下为代码示例,最下方是我之前切的建筑物数据.     当切片大小在1M左右,加载效果还 ...

  3. World Wind Java开发之八——加载本地缓存文件构建大范围三维场景(

    http://blog.csdn.net/giser_whu/article/details/42044599 上一篇博客主要是针对小文件直接导入WW中显示,然而当文件特别大时,这种方式就不太可行.因 ...

  4. Android GIS开发系列-- 入门季（5） FeatureLayer加载本地shp文件与要素查询

    FeatureLayer是要素图层,也是Arcgis的主要图层.用这个图层可以加载本地的shp文件.下面我们看怎样加载shp文件到MapView中.查看ArcGis API可知FeatureLayer ...

  5. #iOS问题记录#动态Html加载本地CSS和JS文件

    所谓动态Html,指代码中组合生成的html字符串: 若需要加载本地CSS,图片,JS文件,则, 1,需要文件的全路径: 2,需要"file:///"标志: 例如: //获取文件全 ...

  6. 重新想象 Windows 8.1 Store Apps (81) - 控件增强: WebView 之加载本地 html, 智能替换 html 中的 url 引用, 通过 Share Contract 分享 WebView 中的内容, 为 WebView 截图

    [源码下载] 重新想象 Windows 8.1 Store Apps (81) - 控件增强: WebView 之加载本地 html, 智能替换 html 中的 url 引用, 通过 Share Co ...

  7. iOS --- UIWebView的加载本地数据的三种方式

    UIWebView是IOS内置的浏览器,可以浏览网页,打开文档  html/htm  pdf   docx  txt等格式的文件.  safari浏览器就是通过UIWebView做的. 服务器将MIM ...

  8. UIWebView加载本地html文件

    UIWebView *webView = [[UIWebView alloc] initWithFrame:CGRectMake(, , KScreenWidth, KScreenHeight-)]; ...

  9. 填补Resources和WWW加载本地资源的坑

    总的来说Resources和WWW加载本地资源坑比较多,大多与路径有关. 下面代码构成了一个路径的预读模块: 此模块主要解决的坑是:Resources或WWW加载本地的文件夹中的多个文件时,无法获取文 ...

随机推荐

  1. 聊一聊快速排序（Js）

    快速排序 基本思路 双指针+递归分治(本质是一个创建二叉树搜索树的过程) 通过一趟排序将要排序的数据分割成独立的两部分,其中一部分的所有数据都比另外一部分的所有数据都要小,然后再按此方法对这两部分数据 ...

  2. python——矩阵的奇异值分解，对图像进行SVD

    矩阵SVD 奇异值分解(Singular Value Decomposition)是一种重要的矩阵分解方法,可以看做是对方阵在任意矩阵上的推广.Singular的意思是突出的,奇特的,非凡的,按照这样 ...

  3. python微信聊天机器人改进版，定时或触发抓取天气预报、励志语录等，向好友推送

    最近想着做一个微信机器人,主要想要实现能够每天定时推送天气预报或励志语录,励志语录要每天有自动更新,定时或当有好友回复时,能够随机推送不同的内容.于是开始了分析思路.博主是采用了多线程群发,因为微信对 ...

  4. 14 ,CSS 文字与文本

    1.CSS 中长度与颜色 2.CSS 中的文字属性 3.CSS 中的文本属性 14.1 CSS 中长度与颜色 长度单位 说明 in 英寸 cm 公分 mm 公里 cm 以目前字体高度为单位 ex 以小 ...

  5. Android 切换横竖屏

    一个项目一般会自己先定义项目是横屏还是竖屏但是也有可以横屏和竖屏之间切换的activty. 切换横竖屏的方法: //判断当前屏幕方向if(getRequestedOrientation() == Ac ...

  6. postgreSQL 玩转josnb (长期更新)

    json和jsonb的操作符 jsonb额外操作符 json创建函数 json处理函数 函数 返回类型 描述 示例 结果 json_array_length(json) jsonb_array_len ...

  7. 【原】无脑操作：TypeScript环境搭建

    概述:本文描述TypeScript环境搭建,以及基于VSCode的自动编译设置和调试设置.网络上很多相应文章的方式过时了或者无法试验成功. ------------------------------ ...

  8. SpringBoot2.0之六 多环境配置

    开发过程中面对不同的环境,例如数据库.redis服务器等的不同,可能会面临一直需要修改配置的麻烦中,在以前的项目中,曾通过Tomcat的配置来实现,有的项目甚至需要手动修改相关配置,这种方式费时费力, ...

  9. 探究 CSS 混合模式\滤镜导致 CSS 3D 失效问题

    今天在写一个小的 CSS Demo,一个关于 3d 球的旋转动画,关于 CSS 3D,少不了会使用下面这几个属性: { transform-style: preserve-3d; perspectiv ...

  10. SQL注入攻击的常见方式及测试方法

    本文主要针对SQL注入的含义.以及如何进行SQL注入和如何预防SQL注入让小伙伴有个了解.适用的人群主要是测试人员,了解如何进行SQL注入,可以帮助我们测试登录.发布等模块的SQL攻击漏洞,至于如何预 ...