Question

用flex实现地图区域

用flex实现地图区域的那个能给我讲讲，或者能给我传一下代码么？邮箱：hualingling123@126.com 非常感谢！
我是自己做的某个省份的地图区域划分，我不想用google 里面的API，比如：我想要江苏省的地图，我想实现的是当我鼠标指向地图中的某个地名，他那部分不规则的区域就高亮显示那种。

Answer 1

<?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 = 0; i < 10; i++)
{
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事件的时候，组件颜色变化就是呗

Answer 2

<?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 = 0; i < 10; i++)
{
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事件的时候，组件颜色变化就是呗