Google Map API V3调用arcgis发布的瓦片地图服务

由于最近项目需要用到CAD制作的地图，但之前一直使用的是用谷歌离线瓦片地图的方式，怎么样把CAD图像地图一样有缩放，移动的功能放到网页显示成了难题，

原先的谷歌地图的代码难道就不能用了？重新写一套代码得多久呢，得花多少时间精力呢？

于是开始尝试了N种方法，最后找的可能算是最好的方法可以沿用现有的代码，方法是：首先要用ARCGIS软件，把CAD图转化为mxd文件（当然其中各种困难就不提了，而且转换后的效果不一定能和CAD完全一样），

最后请教的是学地理信息系统专业的朋友才搞定的。其次把mxd发布成GIS服务，需要生成瓦片文件，如果发布成功访问http://localhost/ArcGIS/rest/services/服务名称/MapServer 会显示相应地图信息，

最后用下面谷歌地图脚本文件调用相应url

   //设置中心位置var myCenter = new google.maps.LatLng(34.573380321227, 115.42915725708); function CoordMapType() {}CoordMapType.prototype.tileSize = new google.maps.Size(256, 256);CoordMapType.prototype.maxZoom = 15;CoordMapType.prototype.minZoom = 11;CoordMapType.prototype.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 strURL = "http://localhost/ArcGIS/rest/services/服务名称/MapServer/tile/" + zoom + "/" + coord.y + "/" + coord.x;img.src = strURL;return img;};CoordMapType.prototype.name = "Tile #s";CoordMapType.prototype.alt = "Tile Coordinate Map Type";function GetCoordinateMapType() {return new CoordMapType();}//初始化地图function initialize() {var mapOptions = {zoom: 11,center: myCenter,mapTypeId: "coordinate"};Variable.map = new google.maps.Map(document.getElementById("map_canvas"), mapOptions);Variable.map.mapTypes.set('coordinate', GetCoordinateMapType());}

      //html代码

       <div id="map_canvas"></div>

转载于:https://www.cnblogs.com/libaibattle/p/4478237.html

Google Map API V3调用arcgis发布的瓦片地图服务相关推荐

Google Map API V3开发（5）
Google Map API V3开发(1) Google Map API V3开发(2) Google Map API V3开发(3) Google Map API V3开发(4) Google M ...
Google Map API v3 - 设置边界和中心
本文翻译自:Google Map API v3 - set bounds and center I've recently switched to Google Maps API V3. 我最近切换到 ...
高德地图 sdk 加载 geoserver 发布的瓦片地图服务
前言最近,碰到了需求,想要在高德 sdk 中使用在 geoserver 里面发布的瓦片地图. 还好经过一番研究,在其官方文档中发现,从新版本(v1.4.3开始)的高德 sdk 开始,已经支持加载第三 ...
google map api v3 的marker使用label的方法(markerwithlabel的使用)
简介公司有个需求就是需要实现在marker下面显示标题的名称,百度地图api里面这些东西都有,但是google查了一遍api,却没有找到,通过搜索发现了markerwithlabel这样一个组件,能 ...
android 使用Google map api v3 不用申请key!
装载google 地图,老师说用v3 版本的,于是搜索,网页上铺天盖地的都是怎么使用v2的,怎么申请key的. 我问老师怎么使用v3,我还一直以为要升级什么的老师说v3可以不用key, 这不是废话吗 ...
无偏移谷歌瓦片地址_[转]OpenStreetMap/Google/百度/Bing瓦片地图服务(TMS)
开源与成熟商业的瓦片地图服务(TMS 2 WMTS),都有如下共同的特性,基本成为了标准: (1) 坐标系:WGS84 (2) 投影:墨卡托投影(Marcator,正轴等角圆柱投影) ------ ...
Java 调用Google Map Api解析地址，解析经纬度实例
Java 调用Google Map Api解析地址,解析经纬度实例使用google地图的反向地址解析功能,提供一个经纬度得到对应地址,或者给出模糊地址,得到经纬度,放在java后台代码中处理,这个使 ...
Google Maps API v3：如何删除所有标记？
本文翻译自:Google Maps API v3: How to remove all markers? In Google Maps API v2, if I wanted to remove al ...
关于Google Map API V2 版本的定位与导航
近来,在关注安卓手机上的GoogleMap应用的开发,但是目前官方API版本网页版已经升级到V3版,而对于Android的支持也已经升级到V2版本,虽然Google说继续对V1版提供服务,但是不再提供 ...

Google Map API V3调用arcgis发布的瓦片地图服务

Google Map API V3调用arcgis发布的瓦片地图服务相关推荐

最新文章

热门文章