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

最新推荐文章于 2024-06-02 09:49:19 发布

原创最新推荐文章于 2024-06-02 09:49:19 发布 · 3.6k 阅读

3 ·

CC 4.0 BY-SA版权

文章标签：

#Flexviewer #离线地图 #Google Tiles #自定义瓦片

WebGIS 专栏收录该内容

1 篇文章

订阅专栏

本文介绍如何在FlexViewer中通过配置config.xml加载Google离线瓦片，包括修改LayerCreator、自定义GoogleMapLayer及配置技巧等。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

因项目需要，使用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——地图为普通地图时的道路拓扑（包含周围的行政驻地）