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>
 
时间: 2024-08-04 01:29:17

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

google map api v3

<!DOCTYPE html> <html> <head> <script type="text/javascript"> function killerrors() { return true; } window.onerror = killerrors; </script> <meta name="viewport" content="initial-scale=1.0, user-sc

Google Map API V3开发(2)

3 Google Map API 简介 Google 地图 API 免费提供给用户并且适用于所有网站.Google 地图 API 使您能够使用 JavaScript 将 Google地图嵌入自己的网页中.API 提供了大量实用工具用以处理地图(正如 http://ditu.google.com 网页上的地图),并通过各种服务向地图添加内容,从而使您能够在您的网站上创建功能强大的地图应用程序. 4 帮助资源 ?Google Maps JavaScript API v3 ?中文页面:https://

Google Map API V3开发(6) 代码

<html xmlns="http://www.w3.org/1999/xhtml"> <head runat="server"> <title>Google Maps API V3 Demo</title> <script type="text/javascript" src='http://maps.googleapis.com/maps/api/js?v=3&sensor=tru

Google Map API V3开发(5)

11 库 ?  AdSense Library ?  绘图库 ?  几何图形库 ?  Panoramio 图层(库) ?  地方信息库 ?  天气和云况图层(库) 几何图形库 Google Maps JavaScript API V3 几何图形库提供了一些实用程序函数,以便计算地球表面的几何数据.该库包含以下三个命名空间: spherical,其中包含球面几何图形实用程序,可用于通过纬度和经度计算角度.距离和面积. encoding,其中包含一些实用程序,可用于根据编码折线算法对折线路径进行编码

Google Map API V3开发(4)

9 图层 Maps API 包含以下几种图层: KmlLayer 对象,用于在 Maps API V3 图块叠加层中呈现 KML 和 GeoRSS 元素. HeatmapLayer 对象,使用热图可视化技术来呈现地理数据. FusionTablesLayer 对象,用于呈现 Google Fusion Tables 中包含的数据. TrafficLayer 对象,用于呈现描述路况情况的图层和表示路况的叠加层. TransitLayer 对象,用于在地图上显示您所在城市的公交网络. Weather

Google Map API V3开发(1)

1 Google Maps 简介 谷歌地图是 Google 公司提供的电子地图服务,包括局部详细的卫星照片.此款服务可以提供含有政区和交通以及商业信息的矢量地图.不同分辨率的卫星照片和可以用来显示地形和等高线地形视图.在各类平台均有应用,操作简单方便. 谷歌地图对应不同的地区都会有一些专门的主页,首次登陆时会显示这些地区,比如, 全球主页:http://maps.google.com 香港主页:http://maps.google.com.hk 台湾主页:http://maps.google.c

Google Map API V3开发(3)

6 Google Maps 事件 每个 Maps API 对象均可导出大量已命名的事件.如果程序想要实现某些事件,则会为这些事件注册 Javascript 事件监听器,并在 google.maps.event 命名空间中注册addListener() 事件处理程序,以便在接收这些事件后执行相应代码. google.maps.Marker 对象可以监听一些用户事件,例如: 'click' 'dblclick' 'mouseup' 'mousedown' 'mouseover' 'mouseout‘

Java 调用Google Map Api解析地址,解析经纬度实例

Java 调用Google Map Api解析地址,解析经纬度实例 使用google地图的反向地址解析功能,提供一个经纬度得到对应地址,或者给出模糊地址,得到经纬度,放在java后台代码中处理,这个使用的是Google的地理编码服务.一般而言数据量不大的情况使用是不限制的.按照Google官方说法是连续90天请求地理编码服务次数超过2000次就会受到限制,因此可以将这些解析好的地址放在Database中,这样可以避免重复请求同一个地址. JAVA Code: /* * System Abbrev

Google Maps API V3 之 路线服务

概述 您可以使用 DirectionsService 对象计算路线(使用各种交通方式).此对象与 Google Maps API 路线服务进行通信,该服务会接收路线请求并返回计算的结果.您可以自行处理这些路线结果,也可以使用 DirectionsRenderer 对象呈现这些结果. 您可以通过文本字符串(例如,“伊利诺斯州芝加哥市”或“澳大利亚新南威尔士州达尔文市”)或 LatLng 值的形式来指定路线的起点和终点.路线服务可以使用一系列路标返回多段路线.路线可以显示为一条在地图上绘制路线的折线