第一篇博客，简单的开个头吧。希望自己能坚持记录。一般什么情况什么人需要这样的需求呢，伐木的光头强大哥说我们在深山老林里，没网的啊，地图就手机本地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. ASP.NET Core中使用GraphQL - 最终章 Data Loader

    ASP.NET Core中使用GraphQL - 目录 ASP.NET Core中使用GraphQL - 第一章 Hello World ASP.NET Core中使用GraphQL - 第二章 中间 ...

  2. WebGL three.js学习笔记 法向量网格材质MeshNormalMaterial的介绍和创建360度全景天空盒的方法

    WebGL学习----Three.js学习笔记(5) 点击查看demo演示 Demo地址:https://nsytsqdtn.github.io/demo/360/360 简单网格材质 MeshNor ...

  3. angular开发环境搭建及新建项目

    最近一个星期准备学习一下angular前端框架,因为之前在学习abp框架的时候,都要求前端要掌握angular,所以不得不回来恶补一下了,学习的过程有时间的话会记录在这里,方便以后复习. 闲言少叙,下 ...

  4. DSAPI多功能组件编程应用-HTTP监听服务端与客户端_指令版

    前面介绍了DSAPI多功能组件编程应用-HTTP监听服务端与客户端的内容,这里介绍一个适用于更高效更快速的基于HTTP监听的服务端.客户端. 在本篇,你将见到前所未有的超简化超傻瓜式的HTTP监听服务 ...

  5. c# 接口相同方法申明使用

    using System; namespace ConsoleApp1 { interface IInterface1 { void ft(); } interface IInterface2 { v ...

  6. 关于thinkphp5手动抛出Http异常时自定义404页面报错的问题

    在使用HttpException手动抛出异常时,希望跳转到自定义的错误页面,官方的文章中是这样描述的. 可以使用\think\exception\HttpException类来抛出异常 // 抛出 H ...

  7. 什么是移动BI

    移动商务智能(移动商务智能或移动智能)定义为一个包含技术和组织元素的系统,可向用户提供历史和/或实时信息,以便在智能手机和平板电脑等移动设备上进行分析笔记本电脑),以实现有效的决策和管理支持,以提高公 ...

  8. SQL server 存储过程的建立和调用

     存储过程的建立和调用 --1.1准备测试需要的数据库:test,数据表:物料表,采购表if not exists (select * from master.dbo.sysdatabases whe ...

  9. mysql 8 nodejs连不上

    https://www.jianshu.com/p/bf37e0bc7080 alter user 'root'@'localhost' identified with mysql_native_pa ...

  10. js 计算器转摘

    转自:https://mp.weixin.qq.com/s/Jxe3V7D0PFLvIFNZPlSyNg <table> <tr> <td colspan="4 ...