arcgis for javascript 加载天地图影像

最新推荐文章于 2024-04-13 15:24:47 发布

奔跑的熊猫

最新推荐文章于 2024-04-13 15:24:47 发布

阅读量5k

点赞数

分类专栏： Arcgis server arcgis for javascript

arcgis for javascript 同时被 2 个专栏收录

28 篇文章 0 订阅

订阅专栏

Arcgis server

16 篇文章 0 订阅

订阅专栏

 
 <!DOCTYPE html>   
 
 < 
 html 
 >   
 
 < 
 head 
 >   
 
 < 
 meta  
 charset 
 = 
 "utf-8" 
 >   
 
 < 
 meta  
 name 
 = 
 "viewport"  
 content 
 = 
 "initial-scale=1, maximum-scale=1,user-scalable=no" 
 >   
 
 < 
 title 
 ></ 
 title 
 >   
 
 < 
 link  
 rel 
 = 
 "stylesheet"  
 href 
 = 
 "http://js.arcgis.com/3.13/dijit/themes/nihilo/nihilo.css" 
 >   
 
 < 
 link  
 rel 
 = 
 "stylesheet"  
 href 
 = 
 "http://js.arcgis.com/3.13/esri/css/esri.css" 
 >   
 
 < 
 style 
 >   
 
 html, body, #map {    
 
 height: 100%; width: 100%;   
 
 margin: 0; padding: 0;   
 
 }    
 
 body{   
 
 background-color: #fff; overflow:hidden;    
 
 font-family: sans-serif;   
 
 }    
 
 #header {   
 
 padding: 4px 15px 4px 0;   
 
 background-color: #F2F2EC;    
 
 color: #575757;    
 
 font-size: 16pt;    
 
 text-align: right;    
 
 font-weight: bold;   
 
 height:55px;   
 
 }   
 
 #subheader {   
 
 color: #575757;   
 
 font-size: small;   
 
 padding: 5px 0 0 0;   
 
 text-align: right;   
 
 }   
 
 #subheader a { color: #575757; }   
 
 .ds { background: #000; overflow: hidden; position: absolute; z-index: 2; }   
 
 #ds-h div { width: 100%; }   
 
 #ds .o1 { filter: alpha(opacity=10); opacity: .1; }   
 
 #ds .o2 { filter: alpha(opacity=8); opacity: .08; }   
 
 #ds .o3 { filter: alpha(opacity=6); opacity: .06; }   
 
 #ds .o4 { filter: alpha(opacity=4); opacity: .04; }   
 
 #ds .o5 { filter: alpha(opacity=2); opacity: .02; }   
 
 #ds .h1 { height: 1px; }   
 
 #ds .h2 { height: 2px; }   
 
 #ds .h3 { height: 3px; }   
 
 #ds .h4 { height: 4px; }   
 
 #ds .h5 { height: 5px; }   
 
 </ 
 style 
 >   
 
 < 
 script  
 src 
 = 
 "http://js.arcgis.com/3.13/" 
 ></ 
 script 
 >   
 
 < 
 script 
 >   
 
 var map;   
 
 require([   
 
 "esri/map", "esri/layers/WebTiledLayer","esri/geometry/Point", "esri/layers/TileInfo", "dojo/parser",   
 
 "dijit/layout/BorderContainer", "dijit/layout/ContentPane", "dojo/domReady!"   
 
 ], function(   
 
 Map, WebTiledLayer,Point, TileInfo, parser   
 
 ) {   
 
 parser.parse();   
 
 //定义地图   
 
 map = new Map("map", {   
 
 "spatialReference":{"wkid":4490},   
 
 center: [0.985, 29.822],   
 
 zoom: 3   
 
 });   
 
 //定义瓦片结构   
 
 var 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}, 
 
 { "level": 19, "resolution": 2.68220901489257815e-006, "scale": 1127.23386023998275 }, 
 
 { "level": 20, "resolution": 1.341104507446289075e-006, "scale": 563.616930119991375 }  
 
 ]   
 
 });   
 
 //地图   
 
 var baseMap = new WebTiledLayer("http://${subDomain}.xzmap.gov.cn:8081/XZDLG_DT/wmts?request=getcapabilities&X=${col}&Y=${row}&L=${level}", {   
 
 "copyright": "Tianditu",   
 
 "id": "Tianditu",   
 
 "subDomains": ["t0", "t1", "t2"],   
 
 "tileInfo":tileInfo   
 
 });   
 
 //底图标注   
 
 var baseMapMarker = new WebTiledLayer("http://${subDomain}.xzmap.gov.cn:8081/XZDLG_DT/wmts?request=getcapabilities&X=${col}&Y=${row}&L=${level}", {   
 
 "copyright": "Tianditu",   
 
 "id": "Tianditu2",   
 
 "subDomains": ["t0", "t1", "t2"],   
 
 "tileInfo":tileInfo   
 
 });   
 
 map.addLayer(baseMap);   
 
 var Layer2 = new esri.layers.ArcGISDynamicMapServiceLayer("http://202.116.67.72:6080/arcgis/rest/services/xuzhou3/MapServer"); 
 
 map.addLayer(Layer2); 
 
 map.addLayer(baseMapMarker);   
 
 //定位到北京   
 
 map.centerAndZoom(new esri.geometry.Point({"x": 117.18, "y": 34.27, "spatialReference": {"wkid": 4490 } }),10);   
 
 });   
 
 </ 
 script 
 >   
 
 </ 
 head 
 >   
 
 < 
 body  
 class 
 = 
 "nihilo" 
 >   
 
 < 
 div  
 id 
 = 
 "mainWindow"    
 
 data-dojo-type 
 = 
 "dijit/layout/BorderContainer"    
 
 data-dojo-props 
 = 
 "design:'headline',gutters:false"   
 
 style 
 = 
 "width: 100%; height: 100%; margin: 0;" 
 >   
 
 < 
 div  
 id 
 = 
 "map"  
 class 
 = 
 "shadow"    
 
 data-dojo-type 
 = 
 "dijit/layout/ContentPane"   
 
 data-dojo-props 
 = 
 "region:'center'" 
 >   
 
 <!-- drop shadow divs -->   
 
 < 
 div  
 id 
 = 
 "ds" 
 >   
 
 < 
 div  
 id 
 = 
 "ds-h" 
 >   
 
 < 
 div  
 class 
 = 
 "ds h1 o1" 
 ></ 
 div 
 >   
 
 < 
 div  
 class 
 = 
 "ds h2 o2" 
 ></ 
 div 
 >   
 
 < 
 div  
 class 
 = 
 "ds h3 o3" 
 ></ 
 div 
 >   
 
 < 
 div  
 class 
 = 
 "ds h4 o4" 
 ></ 
 div 
 >   
 
 < 
 div  
 class 
 = 
 "ds h5 o5" 
 ></ 
 div 
 >   
 
 </ 
 div 
 >   
 
 </ 
 div 
 >  
 <!-- end drop shadow divs -->   
 
 </ 
 div 
 >   
 
 </ 
 div 
 >   
 
 </ 
 body 
 >   
 
 </ 
 html 
 >

奔跑的熊猫

关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
arcgis for javascript 加载天地图影像

html> head> meta charset="utf-8"> meta name="viewport" content="initial-scale=1, maximum-scale=1,user-scalable=no"> title>title> link rel="stylesheet
复制链接

扫一扫