水经注离线谷歌卫星地图加载服务中间件调用示例 For ArcGIS JS API.docx
《水经注离线谷歌卫星地图加载服务中间件调用示例 For ArcGIS JS API.docx》由会员分享,可在线阅读,更多相关《水经注离线谷歌卫星地图加载服务中间件调用示例 For ArcGIS JS API.docx(13页珍藏版)》请在冰点文库上搜索。
水经注离线谷歌卫星地图加载服务中间件调用示例ForArcGISJSAPI
水经注离线谷歌卫星地图加载服务中间件调用示例ForArcGISJSAPI
1.说明
水经注离线谷歌卫星地图加载服务中间件可利用离线地图的.dat文件在本地建立服务端,并生成影像、标签、高程等服务地址,可以在ArcGISAPIforJavaScript中直接调用该服务地址,并将请求到的服务资源显示在前端,当请求的地图资源不存在可通过网络直接下载缺失的地图,并储存在.dat文件中。
2.实现
2.1准备ArcGISAPIforJavaScript
下载ArcGISAPIforJavaScript。
API的下载地址为
取arcgis_js_v39_api\arcgis_js_v39_api\arcgis_js_api文件夹下library文件夹及arcgis_js_v39_sdk\arcgis_js_v39_sdk\arcgis_js_api文件夹下sdk文件夹。
放入新的文件夹中。
例如”..\水经注离线谷歌卫星地图加载服务中间件调用示例ForArcGISAPIforJavaScript\RiverMapServerSampleForArcGISJSapi”如下图。
2.2ArcGISAPIforJavaScript离线部署
2.2.1IIS部署
打开信息服务管理器(IIS),添加网站,设置物理路径为..\水经注离线谷歌卫星地图加载服务中间件调用示例ForArcGISAPIforJavaScript\RiverMapServerSampleForArcGISJSapi。
在绑定一栏中分配IP地址。
这里的IP地址为192.168.1.51,端口为默认端口80。
在功能视图中目录浏览一项启用视图浏览功能。
2.2.2ArcGISJSAPI离线部署
用记事本打开:
\library\3.9\3.9\init.js文件,将文本中[HOSTNAME_AND_PATH_TO_JSAPI],用/library/3.9/3.9/替换,其中myserver可以是机器名、IP等,这里部署的IP地址为192.168.1.51,即将[HOSTNAME_AND_PATH_TO_JSAPI]替换为192.168.1.51/library/3.9/3.9/。
用记事本打开:
\library\3.9\3.9\js\dojo\dojo\dojo.js文件,将[HOSTNAME_AND_PATH_TO_JSAPI]替换为192.168.1.51/library/3.9/3.9/。
(示例中已将[HOSTNAME_AND_PATH_TO_JSAPI]改为192.168.1.51/library/3.9/3.9/)
在其目录下新建一个html文件“RiverMapServerSampleForArcGISJSApi.html”,如下图.
利用记事本打开“RiverMapServerSampleForArcGISJSApi.html”并进行编辑,具体内容如下。
DOCTYPEhtml>
RiverMapServerSample_For_ArcGISApiForJavaScript
dojo.require("esri.map");
dojo.require("dijit.layout.BorderContainer");
dojo.require("dijit.layout.ContentPane");
varmap;
varhalfCircle=20037508.342787;
functioninit(){
initLayer();
map=newesri.Map("map",{
logo:
false
});
map.addLayer(newSJZLayer());
}
functioninitLayer(){
dojo.declare("SJZLayer",esri.layers.TiledMapServiceLayer,{
constructor:
function(){
this.spatialReference=newesri.SpatialReference({
wkid:
102113
});
this.initialExtent=newesri.geometry.Extent(-20037508.342789,-20037508.342789,20037508.342789,20037508.342789,this.spatialReference);
this.fullExtent=newesri.geometry.Extent(-20037508.342789,-20037508.342789,20037508.342789,20037508.342789,this.spatialReference);
this.tileInfo=newesri.layers.TileInfo({
"dpi":
"90.71428571427429",
"format":
"image/png",
"compressionQuality":
0,
"spatialReference":
{
"wkid":
"102113"
},
"rows":
256,
"cols":
256,
"origin":
{
"x":
-halfCircle,
"y":
halfCircle
},
"lods":
[
{"level":
0,"resolution":
156543.033928,"scale":
591657527.591555},
{"level":
1,"resolution":
78271.5169639999,"scale":
295828763.795777},
{"level":
2,"resolution":
39135.7584820001,"scale":
147914381.897889},
{"level":
3,"resolution":
19567.8792409999,"scale":
73957190.948944},
{"level":
4,"resolution":
9783.93962049996,"scale":
36978595.474472},
{"level":
5,"resolution":
4891.96981024998,"scale":
18489297.737236},
{"level":
6,"resolution":
2445.98490512499,"scale":
9244648.868618},
{"level":
7,"resolution":
1222.99245256249,"scale":
4622324.434309},
{"level":
8,"resolution":
611.49622628138,"scale":
2311162.217155},
{"level":
9,"resolution":
305.748113140558,"scale":
1155581.108577},
{"level":
10,"resolution":
152.874056570411,"scale":
577790.554289},
{"level":
11,"resolution":
76.4370282850732,"scale":
288895.277144},
{"level":
12,"resolution":
38.2185141425366,"scale":
144447.638572},
{"level":
13,"resolution":
19.1092570712683,"scale":
72223.819286},
{"level":
14,"resolution":
9.55462853563415,"scale":
36111.909643},
{"level":
15,"resolution":
4.77731426794937,"scale":
18055.954822},
{"level":
16,"resolution":
2.38865713397468,"scale":
9027.977411},
{"level":
17,"resolution":
1.19432856685505,"scale":
4513.988705},
{"level":
18,"resolution":
0.597164283559817,"scale":
2256.994353},
{"level":
19,"resolution":
0.298582141647617,"scale":
1128.497176}
]
});
this.loaded=true;
this.onLoad(this);
},
getTileUrl:
function(level,row,col){
varbaseUrl="http:
//127.0.0.1:
1002/getDefinedImage?
";
varx=col+1;
vary=row+1;
varz=level+1;
varurl=baseUrl+"x="+x+"&y="+y+"&z="+z;
returnurl;
}
});
}
dojo.ready(init);
full;height:
700px;'>