用flex实现地图区域

<?xml version="1.0" encoding="utf-8"?>

<s:Application xmlns:fx="http://ns.adobe.com/mxml/2009"

xmlns:s="library://ns.adobe.com/flex/spark" xmlns:mx="library://ns.adobe.com/flex/halo"

minWidth="1024" minHeight="768">

<fx:Script>

<![CDATA[

import com.google.maps.Map

import com.google.maps.LatLng

import com.google.maps.MapType

import com.google.maps.MapEvent

import com.google.maps.LatLngBounds

import com.google.maps.overlays.Marker

import com.google.maps.InfoWindowOptions

import com.google.maps.controls.ZoomControl

import com.google.maps.controls.MapTypeControl

import com.google.maps.controls.PositionControl

private function onMapReady(event:Event):void {

// 地图类型

// NORMAL_MAP_TYPE - 默认视图

// SATELLITE_MAP_TYPE- 显示 Google 地球卫星图像

// HYBRID_MAP_TYPE - 混合显示普通视图和卫星视图

// PHYSICAL_MAP_TYPE - 显示地球表面的自然地形地图

// DEFAULT_MAP_TYPES - 这四种类型的阵列，在需要重复处理的情况下非常有用

map.setCenter(new LatLng(39.9092, 116.3975), 13, MapType.NORMAL_MAP_TYPE)

// 添加地图点

map.addOverlay(new Marker(this.map.getCenter()))

// 添加地图点说明信息

map.openInfoWindow(this.map.getCenter(), new InfoWindowOptions({title: "您现在的位置是：", content: "北京天安门"}))

// 添加地图控件

// PositionControl - 在 Google 地图上使用的平移控件。默认情况下显示在地图的左上角。

// ZoomControl - 在 Google 地图上使用的缩放控件滑块。

// MapTypeControl- 让用户切换地图类型（例如“地图”和“卫星”）的按钮。

// ScaleControl- 比例控件是用于指示当前地图的分辨率和缩放级别的可视指示器。

// OverviewMapControl - 位于屏幕一角的可折叠概览地图。

map.addControl(new ZoomControl())

map.addControl(new PositionControl())

map.addControl(new MapTypeControl())

// 在地图上随机添加10个点

var bounds:LatLngBounds = this.map.getLatLngBounds()

var southWest:LatLng = bounds.getSouthWest()

var northEast:LatLng = bounds.getNorthEast()

var lngSpan:Number = northEast.lng() - southWest.lng()

var latSpan:Number = northEast.lat() - southWest.lat()

for (var i:int = 0i <10i++)

{

var newLat:Number = southWest.lat() + (latSpan * Math.random())

var newLng:Number = southWest.lng() + (lngSpan * Math.random())

var latlng:LatLng = new LatLng(newLat, newLng)

this.map.addOverlay(new Marker(latlng))

}

}

]]>

</fx:Script>

<maps:Map xmlns:maps="com.google.maps.*" id="map"

mapevent_mapready="onMapReady(event)" width="100%"

height="100%" key="your_api_key"/>

</s:Application>

到google去下一个flash版本的swc包

API官方地址：http://code.google.com/intl/zh-CN/apis/maps/documentation/flash/intro.html

不想用google api实现区域选择那就自己用img组件拼出地图，鼠标move事件的时候，组件颜色变化就是呗

ArcGIS API for Flex可以快速创建和部署自定义 WebGIS地图应用,支持数据显示、查询、编辑、打印等。该API可以从官网下载，此外Esri还提供了快速开发框架ArcGIS Viewer for Flex。

ArcGIS API for Flex 主要功能

• 空间数据展示：加载地图服务，影像服务,WMS等。

• 客户端 Mashup：将来自不同服务器、不同类型的服务在客户端聚合后统一呈现给客户。

• 图形绘制：在地图上交互式地绘制查询范围或地理标记等。

• 符号渲染：提供对图形进行符号化,要素图层生成专题图和服务器端渲染等功能。

• 查询检索：基于属性和空间位置进行查询，支持关联查询，对查询结果的排序、分组以及对属性数据的统计。

• 地理处理：调用 ArcGIS for Server 发布的地理处理服务（GP 服务），执行空间分析、地理处理或其他需要服务器端执行的工具、模型、运算等。

• 网络分析：计算最优路径、临近设施和服务区域。

• 在线编辑：通过要素服务编辑要素的图形、属性、附件,进行编辑追踪。

• 时态感知：展示、查询具有时间特征的地图服务或影像服务数据。

• 影像处理：提供动态镶嵌、实时栅格函数处理等功能。

• 地图输出：提供多种地图图片导出和服务器端打印等功能。

• ArcGIS Viewer for Flex

ArcGIS Viewer for Flex 是Esri提供给用户的一个快速开发框架，该框架允许您使用完全交互式配置经验快速创建富web地图应用程序。ArcGIS Viewer for Flex使开发人员不用不用编写任何代码或者编辑任何配置文件就可以设置和修改应用程序的基础地图,工具,颜色、标题、标志、布局等。开发人员可以根据需要对ArcGIS Viewer for Flex进行扩展以满足自身需求。

---