第一篇博客，简单的开个头吧。希望自己能坚持记录。一般什么情况什么人需要这样的需求呢，伐木的光头强大哥说我们在深山老林里，没网的啊，地图就手机本地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. SpringCloud学习系列之一 ----- 搭建一个高可用的注册中心(Eureka)

    前言 本篇主要介绍的是SpringCloud相关知识.微服务架构以及搭建一个高可用的服务注册与发现的服务模块(Eureka). SpringCloud介绍 Spring Cloud是在Spring B ...

  2. redis-win-server 正确启动方式

    C:\Users\Administrator\Desktop\Redis-x64-2.8.2402\redis-server.exe  C:\Users\Administrator\Desktop\R ...

  3. 学习 JavaScript（二）在 HTML 中使用 JS

    基本用法 在 HTML 中使用 <script> 元素引入 Javascript , <script> 有以下 4 个常用属性: async: 异步加载,只对外部脚步有效. d ...

  4. Web前端-Ajax基础技术(下)

    Web前端-Ajax基础技术(下) 你要明白ajax是什么,怎么使用? ajax,web程序是将信息放入公共的服务器,让所有网络用户可以通过浏览器进行访问. 浏览器发送请求,获取服务器的数据: 地址栏 ...

  5. AI，如何影响你在看的影视剧和综艺？

    文章发布于公号[数智物语] (ID:decision_engine),关注公号不错过每一篇干货. 转自 |  涵的硅谷成长笔记(公众号ID:HanGrowth) 作者 | Han涵 前段时间,作为奥斯 ...

  6. Jmeter + Grafana搭建实时监控可视化

    小贴士: 建议使用jmeter3.3+版本,在这个版本以后才有backend listenter 对接influxDB. Jmeter中backend listenter如图 ​ influxdbUr ...

  7. Get Total Sum Using Multithread Programming

    Write a program that finds the sum value in an array of ints using 4 threads. You may assume in your ...

  8. Javascript高级编程学习笔记（97）—— WebGL(3) WebGL上下文(1)

    WebGL上下文 在支持WebGL的浏览器中,WebGL的名字为 "experimental-webgl",这是由于 webgl 的规范仍未制定完成 制定完成后名字就会改为简单的 ...

  9. 跟我一起学opencv 第五课之图像的混合

    *理论-线性混合操作 g(x) = (1-α)f0(x)+αf1(x)  α的取值范围位0-1之间  f0(x)为图像1,f1(x)表示第二张图像 α是混合系数   g(x)是生成的图像,对每一个像素 ...

  10. Intellij IDEA 阅读源码的 4 个绝技，我必须分享给你！

    前段时间分享了<阅读跟踪 Java 源码的几个小技巧>是基于 Eclipse 版本的,看大家的留言都是想要 IDEA 版本的源码阅读技巧. 所以,为了满足众多 IDEA 粉丝的要求,栈长我 ...