flash 自动生成地图控件


       地图应用,是现在很多领域涉及的应用之一,无论是分析软件,例如政府的执法部门,还是现在快速发展的地理信息系统,物联网等,都希望通过地图来帮助更多的人进行工作和定位,闲暇之余,特意写了个基于as3的地图生成控件,只要按照规定的数据格式传入地理信息数据,即可生成想要的地图,并提供鼠标经过变色功能,地图点击功能,效果图如附件,依赖包控件minnMapLib.zip 看附件
flash 地图生成控件效果

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/mx" minWidth="955" minHeight="600" creationComplete="application1_creationCompleteHandler(event)" xmlns:minn="minn.*">
<s:layout>
<s:VerticalLayout/>
</s:layout>
<fx:Declarations>
<!-- Place non-visual elements (e.g., services, value objects) here -->
</fx:Declarations>
<fx:Script>
<![CDATA[

/**
* email:[email protected]
* author:minn
* QQ:394286006
* date 20130411
*
*/

import minn.MapComponent;

import mx.collections.ArrayCollection;
import mx.controls.Alert;
import mx.core.UIComponent;
import mx.events.FlexEvent;
private const NORMAL_COLOR:uint=0x65CB02;
private var mapData:ArrayCollection=new ArrayCollection(
[{x:212,y:121,point:[{px:214,py:122},{px:217,py:122},{px:218,py:123},{px:221,py:121},{px:221,py:117},{px:223,py:116}
,{px:224,py:114},{px:223,py:113},{px:227,py:115},{px:230,py:117},{px:235,py:130},{px:240,py:140},{px:220,py:135}
,{px:215,py:145},{px:210,py:125}]},
{x:232,y:141,point:[{px:234,py:142},{px:237,py:142},{px:238,py:143},{px:241,py:141},{px:241,py:137},{px:243,py:136}
,{px:244,py:134},{px:243,py:133},{px:247,py:135},{px:250,py:137},{px:255,py:150},{px:260,py:160},{px:240,py:155}
,{px:235,py:165},{px:230,py:155}]}
]);


protected function application1_creationCompleteHandler(event:FlexEvent):void
{
// TODO Auto-generated method stub

map_id.setMapData(mapData,extendDualFunction);


}


private function extendDualFunction(mc:MapComponent):void{
Alert.show('hello minn,这是flash地图生成控件');
}




]]>
</fx:Script>
<minn:MinnMapCanvas id="map_id" width="600" height="400" >

</minn:MinnMapCanvas>
</s:Application>

 


猜你喜欢

转载自fmfl.iteye.com/blog/1845979