使用ArcGIS JavaScript API 3.18 加载天地图
对于中国开发者在创建GIS应用的时候,往往比较头疼的是底图资源的缺乏。其实国家测绘地信局就提供一个很好的免费资源:天地图。使用ArcGIS API的开发人员可以直接利用该资源作为地图应用的底图。
ArcGIS JavaScript API最近新推出了3.18版本。所以下面示例代码将基于该版本。
<html>
<head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><meta name="viewport" content="initial-scale=1, maximum-scale=1,user-scalable=no" /><title>Test Map</title><link rel="stylesheet" href="http://localhost/arcgis_js_api/library/3.18/3.18/dijit/themes/claro/claro.css" /><link rel="stylesheet" href="http://localhost/arcgis_js_api/library/3.18/3.18/esri/css/esri.css" /><style>html,body,#ui-map-view {margin: 0;padding: 0;width: 100%;height: 100%;}</style><script src="http://localhost/arcgis_js_api/library/3.18/3.18/init.js"></script><script>
var myMaprequire(['dojo/_base/declare','esri/layers/ArcGISTiledMapServiceLayer','esri/layers/TiledMapServiceLayer','esri/map','esri/layers/TileInfo','esri/layers/LOD','esri/SpatialReference','dojo/domReady!'
], function (declare, TileLayer, TiledMapServiceLayer, Map, TileInfo, LOD, SpatialReference) {declare('TDTLayer', TiledMapServiceLayer, {constructor: function () {this.spatialReference = new esri.SpatialReference({ wkid: 4490 })this.initialExtent = (this.fullExtent = new esri.geometry.Extent(-180.0, -90.0, 180.0, 90.0, this.spatialReference))this.tileInfo = new esri.layers.TileInfo({'rows': 256,'cols': 256,'compressionQuality': 0,'origin': {'x': -180,'y': 90},'spatialReference': {'wkid': 4490},'lods': [{'level': 2, 'resolution': 0.3515625, 'scale': 147748796.52937502},{'level': 3, 'resolution': 0.17578125, 'scale': 73874398.264687508},{'level': 4, 'resolution': 0.087890625, 'scale': 36937199.132343754},{'level': 5, 'resolution': 0.0439453125, 'scale': 18468599.566171877},{'level': 6, 'resolution': 0.02197265625, 'scale': 9234299.7830859385},{'level': 7, 'resolution': 0.010986328125, 'scale': 4617149.8915429693},{'level': 8, 'resolution': 0.0054931640625, 'scale': 2308574.9457714846},{'level': 9, 'resolution': 0.00274658203125, 'scale': 1154287.4728857423},{'level': 10, 'resolution': 0.001373291015625, 'scale': 577143.73644287116},{'level': 11, 'resolution': 0.0006866455078125, 'scale': 288571.86822143558},{'level': 12, 'resolution': 0.00034332275390625, 'scale': 144285.93411071779},{'level': 13, 'resolution': 0.000171661376953125, 'scale': 72142.967055358895},{'level': 14, 'resolution': 8.58306884765625e-005, 'scale': 36071.483527679447},{'level': 15, 'resolution': 4.291534423828125e-005, 'scale': 18035.741763839724},{'level': 16, 'resolution': 2.1457672119140625e-005, 'scale': 9017.8708819198619},{'level': 17, 'resolution': 1.0728836059570313e-005, 'scale': 4508.9354409599309},{'level': 18, 'resolution': 5.3644180297851563e-006, 'scale': 2254.4677204799655}]})this.loaded = truethis.onLoad(this)},getTileUrl: function (level, row, col) {return 'http://t0.tianditu.com/DataServer?T=vec_c&X=' + col + '&Y=' + row + '&L=' + level}})myMap = new Map('ui-map-view', {center: [111.87, 23.57]})var tdt = new TDTLayer()myMap.addLayer(tdt)})</script>
</head><body class="claro"><div id="ui-map-view"></div>
</body></html>
转载于:https://www.cnblogs.com/luwl/p/5923931.html
使用ArcGIS JavaScript API 3.18 加载天地图相关推荐
- ArcGIS JS api 4.15加载天地图(一)
1 下载与配置.进入下载页面 https://developers.arcgis.com/javascript/latest/guide/get-api/ 2.下载完成后,将js类库放到web程序资源 ...
- GIS开发之二维地下管线综合管理系统(Arcgis)第四节 使用arcgis api for js 加载天地图
GIS开发之二维地下管线综合管理系统(Arcgis)第四节 使用arcgis api for js 加载天地图 核心js文件 调用方式 调用结果 核心js文件 #通过定义加载天地图js文件,引用并组织 ...
- arcgis api for javascipt 加载天地图、百度地图
写在前面的话: 1.百度地图是自己定义的坐标系统,wkid=102100.百度地图数据是加密的产物.下文将附上百度坐标与WGS84,谷歌等坐标系统转换方法(地理-地理),此方法并未亲测,据说准 2.百 ...
- arcgis api 4.x加载天地图(经纬度和墨卡托投影)(一篇文章搞透天地图加载)
主要说明: 1.天地图影像分两种经纬度投影(WKID:4490)和墨卡托投影两种,arcgis默认为墨卡托坐标系(3857),可以切换二维/三维,加载经纬度切片时view需要设置wkid:4326 2 ...
- arcgis api for javascript4.18加载天地图服务,并且加载自己的发布的动态地图服务
以arcgis api for javascript4.18 API为例: 遇到几个问题: 1.用户,特别是小白用户,不知道用什么API类来调用各种地图服务. 解决办法: 方法一:正向思考方法 参考官 ...
- 使用Arcgis Javascript api 访问其他地图
概述 在最初接触GIS开发的时候,手上没有任何的地图数据,只是简单的把ArcGIS提供的或者国家地理信息中心公开的低分辨率矢量数据使用ArcGIS Server发布成地图服务来使用.慢慢的开始下载Go ...
- 基于ArcGIS API for JavaScript加载天地图
文章目录 前言 效果图 详细代码 总结 参考链接 前言 该篇主要介绍如何用ArcGIS JS API加载天地图,具体应用场景以及需求分析等,在上篇基于ArcGIS API for JavaScript ...
- ArcGIS Javascript API 加载高德在线地图扩展
利用ArcGIS JavaScript API加载高德在线地图的扩展 /*** Created by WanderGIS on 2015/7/15.*/ define(["dojo/_bas ...
- 填坑 ---- arcgis api for javascript 加载天地图
写在前面 首先要感谢 arcgis api for javascript 加载天地图 这篇文章,帮助我完成了在网页中加载天地图. 在此就不再描述加载天地图的方法与过程,只记录我遇到的一个坑与填坑方法. ...
最新文章
- matlab 两列数据相乘,在EXCEL中,两列完全相同的数据,求和结果不一样??单元格两列相乘的公式...
- 域服务器 ssl证书,服务器添加ssl证书及域名绑定
- Executor框架、ThreadPoolExecutor、3种常见的线程池
- linux在芯片设计与实现,基于Linux的Atheros无线芯片网卡驱动的设计与实现
- Struts,Spring,Hibernate面试题总结
- mysql 下载教程_MySQL下载安装详情图文教程
- 省选专练HAOI2015树上操作
- matlab船舶静水力曲线,静水力曲线图
- html中span隐藏属性,JS 如果改变span标签的是否隐藏属性
- 采用生产者消费者模式爬取毛豆新车网
- 无限循环小数四则运算_无限循环小数能做加减乘除四则运算吗?无限不循环小数能做吗??...
- Java多线程+IO流+网络编程+MySQL+JDBC编程实现多人联机版坦克大战
- 靠五、六流人才铸造的18万华为铁军
- 机器学习----PyTorch入门
- wstmart商城系统研究日志一
- u盘在本机电脑读不出来,但别的机器可以读解决方案
- 自动化键盘鼠标简单操作(python)
- 嘀嗒出行IPO 会成为出行界的“拼多多”吗
- [阿里Hao]Android无线开发的几种经常使用技术
- 一个计算机系统常用的流水线形式有,计算机系统结构作业答案第三章(张晨曦)...
热门文章
- oracle insert两个关联表
- 初学者应该了解的一些SQL语句及hr 用户解锁相关
- 利用Apache POI读取并解析Excel的数据
- (转)用 Fiddler 看看 UpdatePanel 发生了什么
- 如何在IE让用户自动下载ActiveX控件?
- Dcloud HTML5 监听蓝牙设备 调用 原生安卓实现 - aspirant - 博客园
- 读书笔记 --- [基础知识点] 小结3
- 算法 --- 顺序查找、二分查找的js实现
- PureMVC(AS3)剖析:吐槽
- NDK编译错误expected specifier-qualifier-list before...