水经注离线谷歌卫星地图加载服务中间件调用示例ForGoogleAPI.docxVIP

水经注离线谷歌卫星地图加载服务中间件调用示例For Google API说明水经注离线谷歌卫星地图加载服务中间件可利用离线地图的.dat文件在本地建立服务端，并生成影像、标签、高程等服务地址，可以在Google API中直接调用该服务地址，并将请求到的服务资源显示在前端，当请求的地图资源不存在可通过网络直接下载缺失的地图，并储存在.dat文件中。2.实现2.1准备GoogleMapAPIV3下载GoogleMapAPIV3.rar。在其目录下新建一个html文件“RiverMapServerSample For Google API.html”，如下图。利用记事本打开“RiverMapServerSample For Google API.html”并进行编辑，具体内容如下。!DOCTYPE htmlhtmlheadmeta http-equiv=Content-Type content=text/html; charset=utf-8 /titleRiverMapServerSample For Google API/titlelink href=mapfiles/css/default.css rel=stylesheet type=text/css /script type=text/javascript src=mapapi.js/scriptscript function tlen(len, mystr){mystr = String(mystr);var num = len - mystr.length;for (var i = 0; i = num; i++){mystr = 0 + mystr;}return mystr;}; function CoordMapType(tileSize) { this.tileSize = tileSize; } CoordMapTtotype.getTile = function(coord, zoom, ownerDocument) { var div = ownerDocument.createElement(DIV); var ymax = 1 zoom;var y = coord.y;y = tlen(5,y);var x = tlen(5,coord.x);zoom = tlen(1,zoom+1); div.innerHTML = y + , + x + , + zoom; div.style.width = this.tileSize.width + px; div.style.height = this.tileSize.height + px; div.style.fontSize = 10; div.style.borderStyle = solid; div.style.borderWidth = 1px; div.style.borderColor = #AAAAAA; return div; }; function LocalMapType() {} LocalMapTtotype.tileSize = new google.maps.Size(256, 256); LocalMapTtotype.maxZoom = 20; LocalMapTtotype.minZoom = 0; LocalMapT = 本地; LocalMapTtotype.alt = 显示本地地图; LocalMapTtotype.getTile = function(coord, zoom, ownerDocument) {var img = ownerDocument.createElement(img);img.style.width = this.tileSize.width + px;img.style.height = this.tileSize.height + px;var ymax = 1 zoom;var y = coord.y;y = tlen(5,y);var x = tlen(5,coord.x);zoom = tlen(1,zoom+1);var strURL = :1002/getDefinedImage? + x= + x + y= + y + z= + zoom;img.src = strURL;return img; }; var localMapType = new LocalMapType(); function initialize() { var myLatlng = new google.maps.LatLng(30, 10