地圖 按鈕

package com.huawei.bidc.customvisualcomp.combobox
{
 import flash.display.BitmapData;
 import flash.display.DisplayObject;
 import flash.display.Sprite;
 import flash.events.Event;
 import flash.geom.Matrix;
 import flash.utils.setTimeout;
 
 import mx.controls.Alert;
 import mx.controls.Image;

 public class MyImage extends Image
 {  
  //獲得點擊區域透明的對象
  private var ht:Sprite = new Sprite();
  
  public function MyImage()
  {
   addChild(ht);
   hitArea = ht;
   //設置透明部分不可見
   ht.visible = false;
   //設置透明部分鼠標事件無效
   ht.mouseEnabled = false;
   //沒有手型樣式
   mouseChildren = false;
   //添加監聽器
   this.addEventListener(Event.COMPLETE,complete,false,99,true);
   //50毫秒執行一次
   setTimeout(update,50);
  }
  //加載完畢執行函數
  private function complete(e:Event):void
    {  
     setTimeout(update,50)  
    }
  
  private function update():void
  {
   //如果圖片沒有內容則返回
   if(!content)
    return;
   
   //獲得DisplayObject
   var loader:DisplayObject = content.parent as DisplayObject;
   //獲得圖片位圖數據
   var bit:BitmapData = new BitmapData(loader.width,loader.height,true,0x00000000);
   
   //轉換矩陣
   var mat:Matrix = new Matrix();
   //設置縮放和原圖片一致
   mat.scale(loader.scaleX,loader.scaleY);
   bit.draw(loader,mat);
   //重繪圖像到ht上
   ht.graphics.clear();
   
   ht.graphics.beginFill(0);
   for(var x:uint=0;x<bit.width;x++)
   {
    for(var y:uint=0;y<bit.height;y++)
    {
     //判斷是否透明,透明則爲0
     if(bit.getPixel32(x,y))
     {
      
      ht.graphics.drawRect(x,y,1,1);
     }
    }
   }
   ht.graphics.endFill();
  }
  
 }
}

 

 

 

<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml"
    xmlns:components="com.huawei.bidc.customvisualcomp.combobox.*" 
 layout="vertical" backgroundGradientColors="[#FFFFFF, #FFFFFF]"
 horizontalAlign="center" verticalAlign="middle" verticalScrollPolicy="off" horizontalScrollPolicy="off">
 <mx:Script>
  <![CDATA[
   import mx.controls.Alert;
   
   [bindable]
   private var poit_over:String = "";
   [bindable]
   private var poit_select:String = "";
   //地圖的點擊事件
   protected function mapItermclickHandler(event:MouseEvent):void
   {
    poit_select = "點擊:x:"+event.localX+"y:"+event.localY;
    Alert.show(poit_select);
    // TODO Auto-generated method stub
    //    Alert.show(event.currentTarget.name+"***"+mapCanvas.getChildByName(event.currentTarget.name));
//    initMapByKPI();
//    Image(mapCanvas.getChildByName(event.currentTarget.name)).source = "assets/images/map/"+Image(mapCanvas.getChildByName(event.currentTarget.name)).id+"selected.png";
//    analyseLabel = event.currentTarget.name;
//    for(var i:int=0;i<areaArray.length;i++)
//    {
//     if(analyseLabel==areaArray.getItemAt(i).areaName)
//     {
//      mapAreaId =areaArray.getItemAt(i).areaId;
//      break;
//     }
//    }
//    areaAnalyseService.getAreaAnalyseClickData(mapAreaId,anlyseTime,doorWayString,chnlSelected);
//    callLater(Default.setLoading);
   }
   //地圖的點擊事件
   protected function mapItermmouseOverHandler(event:MouseEvent):void
   {
    poit_over = "經過:x:"+event.localX+"y:"+event.localY+"\n";
    //Alert.show(poit_over);
   }
  ]]>
 </mx:Script>
 <components:MyImage id="benxi" name="guangdong" source="assets/guangdong.png" x="745.2" y="195"
      click="mapItermclickHandler(event)"
      buttonMode="true" mouseOver="mapItermmouseOverHandler(event)"/>
 <mx:TextArea text="{poit_over+poit_select}">
  
 </mx:TextArea>
</mx:Application>