第一篇博客，简单的开个头吧。希望自己能坚持记录。一般什么情况什么人需要这样的需求呢，伐木的光头强大哥说我们在深山老林里，没网的啊，地图就手机本地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. 基于Jenkins Pipeline的ASP.NET Core持续集成实践

    最近在公司实践持续集成,使用到了Jenkins的Pipeline来提高团队基于ASP.NET Core API服务的集成与部署效率,因此这里总结一下. 一.关于持续集成与Jenkins Pipelin ...

  2. B哥竟然也被裁了，聊一聊我的看法

    B哥的故事 B哥是在17年底朋友聚会上认识的一个哥们,因为都是程序员,也聊得来.就加了微信.今年是他北漂的第三个年头了. B哥是从小南方长大的一个男孩,高中学习还凑凑活活,勉强过了二本,上了大学没人管 ...

  3. C#采用vony.Html.AIO插件批量爬MM网站图片

    一.创建项目 1.创建一个.netframework的控制台项目命名为Crawler 2.安装nuget包搜索名称Ivony.Html.AIO,使用该类库什么方便类似jqury的选择器可以根据类名或者 ...

  4. C#处理json实战

    昨天看到技术群中发了一个查询天气的api,http://www.sojson.com/open/api/weather/json.shtml?city=南昌 点进去看,发现服务器传回来一个天气信息的j ...

  5. java中如何从一行数据中读取数据

    目录 @(如何从一行数据中切割数据) 例如我要从一行学生信息中分割出学号.姓名.年龄.学历等等 ==主要使用split方法,split方法在API中定义如下:== public String[] sp ...

  6. jqgrid three 树形结构

    最近我们的表格中,需要更改数据的显示方式,就是jqgrid中以树形的方式显示.请先看图: 就是简单的这种从属方式.但是因为这个没有找到官方的文档(后来找到了,但是发现是翻译过来的,也不是很清楚),所以 ...

  7. 关于elementUi tab组件路由跳转卡死问题

    好久没来了,周五项目终于要上线了(*^▽^*),上线之前测出一个很恶心的bug真真是... 项目:Vue + elementUi   后台管理项目 问题描述:登录后首次通过侧边栏路由跳转到主页面有ta ...

  8. psql 关于主键自增的问题

    在psql中往往我们需要设置一个自增的主键id字段,psql中不像SQL Server那样点选 打钩傻瓜式就能设置好的,是需要创建序列的:CREATE SEQUENCE,关键字SEQUENCE. 我们 ...

  9. 网络I/O 工作机制

    数据从一台主机发送到网络中的另一台主机需要经过很多步骤,先得有相互沟通的意向,然后得有物理渠道(物理链路),其次双方还得有语言能够交流,且步调要一致. TCP状态转化 如图,是TCP/IP 的握手过程 ...

  10. 在linux系统部署Svn

      步骤一:安装subversion 1) 连接xshell,在xshell输入命令:yum install subversion 2) 查看安装svn服务的版本:svnserve --version ...