业务gis 怎么让别的开发人员不需要懂gis就可以搞开发？ （三）

  上回我们说了怎么搭建一个简单的加载flash的方法，在flexviewer的gis开发中有很多加载顺序要注意，比如swf顺序，xml的顺序，要在地图做某些交互操作必须得等这些东西加载完毕才能调用，还有你在flex写widget的注册了javascript调用的方法，所以我们在flex端抛出一个事件，通过as的ExternalInterface.call 告诉javascript端图形加载完毕，这么我们就要定义事件通讯，老实说我不太喜欢js那个事件，自己写个数组去记录这个消息。

  

/**
 * Created with JetBrains WebStorm.
 * User: haibalai
 * Date: 15-12-9
 * Time: 下午3:40
 * To change this template use File | Settings | File Templates.
 */

var EventBus =function (){
    this.handlers={};
    this.objs = {};
}

EventBus.prototype={
    constructor:EventBus,

    /**
     * 添加事件
     * @param type
     * @param handler
     */
    addEventListener:function(type,handler){
        if(typeof this.handlers[type]=='undefined'){
            this.handlers[type]=new Array();
        }
        this.handlers[type].push(handler);
    },

    /**
     * 删除事件
     * @param type
     * @param handler
     */
    removeEventListener:function(type,handler){
        if(this.handlers[type] instanceof Array){
            var handlers=this.handlers[type];
            for(var i=0,len=handlers.length;i<len;i++){
                if(handler[i]==handler){
                    handlers.splice(i,1);
                    break;
                }
            }
        }
    },

    /**
     * 抛事件
     * @param event
     */
    dispatchEvent:function(event){


        if(!event.target){
            event.target=this;
        }
        if(this.handlers[event.type] instanceof Array){
            var handlers=this.handlers[event.type];
            this.objs[event.type] = [event.obj];
            for(var i=0,len=handlers.length;i<len;i++){
                handlers[i](event);
            }
        }
    }
}

  我们把这个事件类初始化到MapControl里面，我在Parameter类加入了swfid的属性，防止一个页面加载两个地图造成混乱。

var MapControl = function () {
    /**
     * 地图初始化parameter  具体参考Parameter类
     * @type {Parameter}
     */
    this.parameter = new Parameter();
    /**
     * 添加事件主体 具体参考EventBus类
     * @type {EventBus}
     */
    this.eventBus = new EventBus();

     this.initialise =function () {


        swfobjhash[this.parameter.div] = this;
        var swfVersionStr = "11.4.0";
        var xiSwfUrlStr = "";
        var flashvars = {};

        var params = {};
        params.wmode = "opaque";
        params.quality = "high";
        params.bgcolor = "#ffffff";
        params.allowscriptaccess = "always";
        params.allowfullscreen = "true";
        var attributes = {};
        attributes.id = this.parameter.div;
        attributes.name = this.parameter.div;
        attributes.align = "middle";
        swfobject.embedSWF(
            "http://localhost/mymap/index.swf"  + this.parameter.getUrlString() , this.parameter.div,
            this.parameter.width, this.parameter.height,
            swfVersionStr, xiSwfUrlStr,
            flashvars, params, attributes);
        swfobject.createCSS("#" + this.parameter.div, "display:block;text-align:left;");
    }

}

var swfobjhash = new Object();


//flex图形组件加载完毕回调 swfid是区分嵌入swf的标识码
function emapComplete(swfid) {
    swfobjhash[swfid].map.emap = document.getElementById(swfid);
 
    swfobjhash[swfid].eventBus.dispatchEvent({type: "Initialized"});
}

   我们再定义自己事件名称

/**
 * Created with JetBrains WebStorm.
 * User: haibalai
 * Date: 15-12-9
 * Time: 下午3:40
 * To change this template use File | Settings | File Templates.
 */
var MapControlEvent  = {
    /**
     * 地图初始化事件
     */
    Initialized : "Initialized",
    
}

  在html页面就可以这样

<script type="text/javascript">
    
        var a = new MapControl();
        a.parameter.config = "config-checkview.xml";
        a.parameter.div= "flashContent";
        a.parameter.width = "800";
        a.parameter.height = "800";
        a.eventBus.addEventListener(MapControlEvent.Initialized,initHandle);
        a.initialise();

        function initHandle()
        {
         
            alert("加载完毕")
        }

</script>