水经注离线谷歌卫星地图加载服务中间件调用示例ForGoogleAPI.docx
《水经注离线谷歌卫星地图加载服务中间件调用示例ForGoogleAPI.docx》由会员分享,可在线阅读,更多相关《水经注离线谷歌卫星地图加载服务中间件调用示例ForGoogleAPI.docx(8页珍藏版)》请在冰豆网上搜索。
水经注离线谷歌卫星地图加载服务中间件调用示例ForGoogleAPI
水经注离线谷歌卫星地图加载服务中间件调用示例ForGoogleAPI
1.说明
水经注离线谷歌卫星地图加载服务中间件可利用离线地图的.dat文件在本地建立服务端,并生成影像、标签、高程等服务地址,可以在GoogleAPI中直接调用该服务地址,并将请求到的服务资源显示在前端,当请求的地图资源不存在可通过网络直接下载缺失的地图,并储存在.dat文件中。
2.实现
准备GoogleMapAPIV3
下载。
在其目录下新建一个html文件“RiverMapServerSampleForGoogle”,如下图。
利用记事本打开“RiverMapServerSampleForGoogle”并进行编辑,具体内容如下。
DOCTYPEhtml>
RiverMapServerSampleForGoogleAPI
functiontlen(len,mystr){
mystr=String(mystr);
varnum=len-;
for(vari=0;i<=num;i++)
{
mystr="0"+mystr;
}
returnmystr;
};
functionCoordMapType(tileSize){
=tileSize;
}
=function(coord,zoom,ownerDocument){
vardiv=('DIV');
varymax=1<vary=;
y=tlen(5,y);
varx=tlen(5,;
zoom=tlen(1,zoom+1);
=y+","+x+","+zoom;
=+'px';
=+'px';
='10';
='solid';
='1px';
='#AAAAAA';
returndiv;
};
functionLocalMapType(){}
=new256);
=20;
=0;
="本地";
="显示本地地图";
=function(coord,zoom,ownerDocument){
varimg=("img");
=+"px";
=+"px";
varymax=1<vary=;
y=tlen(5,y);
varx=tlen(5,;
zoom=tlen(1,zoom+1);
varstrURL=""+"x="+x+"&y="+y+"&z="+zoom;
=strURL;
returnimg;
};
varlocalMapType=newLocalMapType();
functioninitialize(){
varmyLatlng=new103);
varmyOptions={
center:
myLatlng,
zoom:
4,
streetViewControl:
false,
mapTypeControlOptions:
{
mapTypeIds:
["local",}
};
varmap=new"map_canvas"),
myOptions);
'local',localMapType);
('local');
newCoordMapType(new256)));
}
640px;height:
480px;">