FlexViewer的Config中配置离线google地图的瓦片

因项目需要，使用FlexViewer时，加载Google的Tiles，所以使用Flexviewer支持的 加载自定义瓦片的 方法 来加载GoogleMap的瓦片；

果断配置好环境，加载本地瓦片，单独使用ArcGIS API时，毫无压力，引入编写的自定义瓦片加载类，然后配置namespace，在map中加载毫无问题，但是想要使用FlexViewer框架，这可得仔细研究研究了。

我们知道，Flexviewer中配置地图资源都是在config.xml中配置，那我们如何将google离线瓦片配置到进来呢？

大概推测了几种解决方案：

1、用arcgisServer发布服务，配置config无压力，但是怎么直接把瓦片发布成服务呢？

想了2种办法：

A、将每层的离线瓦片拼成大图，然后在ArcCatalog中制作成geodatabase，然后再在ArcMap里面制作成地图，但是这种方法比较费力，已经有瓦片了，还要再还原成不同层的

大图，再控制每层的显示的分辨率，最后发布服务后，再切成瓦片，の~~凭我对ArcGIS刚入门不到一个月的人来说，想想就没有动力了~~（因为刚刚入门，所以别的好方法也没想到，如果各位看官有更好的方法，还望指教，在此先谢过！）

B、将google tiles按照ArcGIS的tiles的存储格式进行存储（目录存放规则什么的..），然后发布个ArcGis的地图服务，切个同样格式的瓦片，再将重新组织好的google tiles替换进去，好处是 ?比上面一种方案工作量小，坏处是，如果有什么更改，后者不小心删掉了cache的话， 你就redo吧~~ ? 果断对这个方案 say no！

2、放弃FlexViewer， 直接用ArcGis API 开发， 不过坏处 是显而易见的~~很多基础性的操作啊、事务啊、事件啊~~都得自己写~~费力不讨好啊~~所以我就想，如果能像ArcGIS自己发布的地图服务那样，在config里面配置配置就搞定~~那该多好啊~~

天无绝人之路~~经过长时间查找，终于找到了 这个帖子：Flexviewer中加入百度、谷歌地图

大致步骤如下：

1、修改LayerCreator

根据MapManager中执行步骤：

AppEvent.addListener(AppEvent.CONFIG_LOADED,configLoadedHandler);

.....

?configBasemaps();

......

?loadNextBasemapLayer();

....

addLayerToMap(basemapLayerObject);

在addLayerToMap(basemapLayerObject)中，完成地图图层的加载

因此主要关注的就在这里：

?var layer:Layer = layerObject.layer ? layerObject.layer : LayerCreator.createLayerFromLayerObject(layerObject);

判断是否需要创建新的layer

追进去发现，我们在config中配置的 ?地图的类型：tiled、dynamic、image....什么的 都在这~~所以，我们要加入自己的类型，具体方法参照上面的帖子。

2、配置技巧，

第一次配置：?<layer label="影像地图" type="googlemap" visible="true" />?

结果：地图不显示，一片白茫茫的~~~why？！

通过对上面帖子中提到的那个swc文件的Decompile~~我发现 源码中对GoogleMap设定了 自己的mapType，默认指定为“map”

同时声明了baseURL，但是下文中却没用到~~仔细想想~~~哦·~~就是用来接无效的参数的~~

于是配置信息改成：<layer label="影像地图" type="googlemap" visible="true" url="http://127.0.0.1"/>?

OK，正确将自定义瓦片加载上来，按理说，本文应该就此打住，已经完成了初衷——在config中配置自定义瓦片，但是，本着负责任的态度，下面将参考的帖子中未说明的问题进行补充，以避免后来者再走弯路~~~同时，将google地图的url中lyrs这一参数做一点浅薄的说明。

------------------------------------------------------------

本机环境：

ArcGIS server 9.3

ArcGIS Desktop 9.3

Arcgis API for FLEX 3.0

FlexViewer 3.0

eclipse 3.7

Java 1.6.34

Win 7旗舰版

-----------------------------------------------------------

1、RW3MapService.swc支持的是ArcGis flexViewer 3.1以上版本， 如果想要改为3.0版本，需要去掉copyright 属性相关的语句，（LayerCreationProperties中的copyright是从3.1以后开始加入的新属性）； 同时需要从 3.1以上版本的LayerCreator中拷入toNumericArray方法，否则 displayLevels的赋值无法编译过去；

private static function createGoogleMapLayer(layerCreationProperties:LayerCreationProperties):Layer
	{
		// TODO Auto Generated method stub
		var googleMapLayer:GoogleMapLayer=new GoogleMapLayer();                         
		googleMapLayer.name=layerCreationProperties.label;                         
		googleMapLayer.id=layerCreationProperties.label;                         
		googleMapLayer.alpha=layerCreationProperties.alpha;                         
		googleMapLayer.visible=layerCreationProperties.visible; 
		googleMapLayer.mapType="image";
//		if (layerCreationProperties.copyright != null)
//		{
//			googleMapLayer.copyright = layerCreationProperties.copyright;
//		}
		if (layerCreationProperties.displayLevels)
		{
			googleMapLayer.displayLevels = toNumericArray(layerCreationProperties.displayLevels.split(","));
		}
		if (!isNaN(layerCreationProperties.minScale))
		{
			googleMapLayer.minScale = layerCreationProperties.minScale;
		}
		if (!isNaN(layerCreationProperties.maxScale))
		{
			googleMapLayer.maxScale = layerCreationProperties.maxScale;
		}                        
		return googleMapLayer;
	}
	
	private static function toNumericArray(textualNumberArray:Array):Array
	{
		var numericArray:Array = [];
		for (var i:int = 0; i < textualNumberArray.length; i++)
		{
			numericArray.push(Number(textualNumberArray[i]));
		}
		return numericArray;
	}

2、帖子中的GoogleMapLayer中 getTileUrl 方法中：

 else if(mapType == "image")//获取影像地图  
            {  
                url = "http://mt"+(col%4)+".google.cn/vt/lyrs=s@121&hl=zh-CN&gl=CN&src=api&" +  
                    "x=" + col + "&" +  
                    "y=" + row + "&" +  
                    "z=" + level+ "&" +  
                    "s=" + s;  
            }  

当mapType为image时，建议将url参数中的lyrs改为：lyrs=s@130 （130之后的数字即可）当这个数字小于130时，我这边报404；

截止2013-9-15为止，这个数字在130~2147483647之间（含）为有效url，否则，均会报404


3、根据我这边实际测验，进行以下补充：
lyrs后面的参数有以下几种：
（参考url：http://mt2.google.cn/vt/lyrs=y@15900000&hl=zh-CN&gl=CN&src=app&x=846&y=388&z=10&s=Galileo）

h——地图为普通地图时 的道路拓扑（包含周围的行政驻地）

r——地图为影像时 的道路拓扑（只有道路）

m——地图为普通地图

s——地图为影像地图，此时需要注意@后的数字，有些位置没有图片，即url会返回404

t——底色（与r叠加）

p—— ?t、r的叠加

y——s、h的叠加

具体的图片，大家可以自己替换、尝试

基于以上几种类型，可以对googleMaplayer中的mapType进行扩充

至此，可以很方便的把GOOGLE的瓦片用在FlexViewer中，当然，上文中参考的帖子中的RW3MapService.swc 这一文件，并不是必须的，其核心就是继承自TiledMapServiceLayer的自定义瓦片加载类，所以，大家在网上找到相关资料，自己实现也没问题，

再次声明，本文只是探讨 如何将自定义瓦片通过配置config的方式加载到FlexViewer中！

如有转载，请注明出处！算是对我一个晚上不辞辛苦码字的鼓励吧！谢谢！

? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? George