/**
|
* 底图切换
|
* @author Wenyb
|
* @date 2015/6/29
|
*/
|
define([
|
"dojo/_base/declare",
|
"base/BaseControl",
|
"dojo/text!controls/mapswitch/MapSwitchControl.html",
|
"dojo/dom-style",
|
"dojo/on",
|
"base/AppEvent",
|
"base/ConfigData",
|
"dojo/_base/array",
|
"dojo/dom-class",
|
"dojo/dom-construct",
|
"dojo/mouse",
|
"dojo/dom-attr",
|
"dojo/_base/lang"
|
], function(
|
declare,
|
BaseControl,
|
template,
|
domStyle,
|
on,
|
AppEvent,
|
ConfigData,
|
arrayUtil,
|
domClass,
|
domConstruct,
|
mouse,
|
domAttr,
|
lang) {
|
var Widget = declare("MapSwitchControl", [BaseControl], {
|
templateString: template,
|
visibleGroupLayerId:null,
|
visibleLayerSetId:null,
|
constructor: function(options) {
|
this.inherited(arguments);
|
declare.safeMixin(this, options);
|
this._grouplayers = [];
|
this._currentVisibleLayerlabel = null;
|
this.base_class = "mapswitch-container";
|
this._galleryDomTable = {};
|
this._maps2galleryTable = {};
|
this._galleryLeaveHandlerTable = {};
|
var baseMaps = ConfigData.basemap.grouplayers;
|
for (var key in baseMaps) {
|
var gl = baseMaps[key];
|
if (gl.visible == true) {
|
this._currentVisibleLayerlabel = gl.label;
|
}
|
this._grouplayers.push(gl.label);
|
}
|
this.gallery = ConfigData.basemap.gallerys[0];
|
this.groups = ConfigData.basemap.grouplayers;
|
this.index = [];
|
this.galleryDom = null;
|
AppEvent.addAppEventListener(AppEvent.SWITCH_BASEMAP, lang.hitch(this, this.onSwitchBaseMapHandler));
|
},
|
startup: function() {
|
this.inherited(arguments);
|
var tableDom = domConstruct.create("table", {}, this.container);
|
domStyle.set(tableDom, "border-spacing", "0px 5px");
|
domStyle.set(tableDom, "margin", "0px");
|
arrayUtil.forEach(ConfigData.basemap.gallerys, lang.hitch(this, function(item, index) {
|
var trDom = domConstruct.create("tr", {
|
"galleryid": item.id
|
}, tableDom);
|
var tdDom = domConstruct.create("td", {
|
"galleryid": item.id
|
}, trDom);
|
domClass.add(tdDom, "mapswitch-td");
|
this._galleryDomTable[item.id] = tdDom;
|
this._maps2galleryTable[item.id] = [];
|
this._galleryLeaveHandlerTable[item.id] = null;
|
on(tdDom, mouse.enter, lang.hitch(this,this._onGalleryDomMouseEnter));
|
on(tdDom, mouse.leave, lang.hitch(this, this._onGalleryDomMouseLeave));
|
}));
|
|
//构建每个地图集里面的子项
|
arrayUtil.forEach(ConfigData.basemap.grouplayers, lang.hitch(this, function(item, index) {
|
var styleValue = "background:url('" + item.icon + "') center 2px no-repeat #ffffff;margin-right:5px";
|
var mapDom = domConstruct.create("div", {
|
"mapid": item.id,
|
"class":"mapswitch-div",
|
"style":styleValue,
|
"title":"切换到"+item.label
|
});
|
on(mapDom, "click", lang.hitch(this, this._onMapDomClick));
|
var mapNameDom = domConstruct.create("span", {
|
"innerHTML": item.label,
|
"class":"mapswitch-mapname"
|
}, mapDom);
|
var gallerytdDom = this._galleryDomTable[item.gallery];
|
this._maps2galleryTable[item.gallery].push(mapDom);
|
domConstruct.place(mapDom, gallerytdDom);
|
if(this.visibleGroupLayerId){
|
domAttr.set(gallerytdDom,"visibleGroupLayerId",this.visibleGroupLayerId);
|
}else if(item.visible){
|
domAttr.set(gallerytdDom,"visibleGroupLayerId",item.id);
|
}
|
|
}));
|
arrayUtil.forEach(ConfigData.basemap.gallerys, lang.hitch(this, function(item, index){
|
this._hideGalleryDomByVisibleMap(item.id);
|
}));
|
},
|
/**
|
* 隐藏地图类型的按钮，只显示一种可选按钮
|
*/
|
_hideGalleryDomByVisibleMap:function(galleryId){
|
var gallerytdDom = this._galleryDomTable[galleryId];
|
var visibleLayer = domAttr.get(gallerytdDom,"visibleGroupLayerId");
|
var mapDoms=this._maps2galleryTable[galleryId];
|
var hasShowLayer=false;//是否已经显示了一个备选的图层按钮，如果已显示，则其他的都不再显示。
|
arrayUtil.forEach(mapDoms,function(item,index){
|
if(domAttr.get(item,"mapid")==visibleLayer){
|
domStyle.set(item,"display","none");
|
return;
|
}
|
if(hasShowLayer){
|
domStyle.set(item,"display","none");
|
}else{
|
domStyle.set(item,"display","block");
|
hasShowLayer=true;
|
}
|
});
|
},
|
_showGalleryDomByVisibleMap:function(galleryId){
|
var gallerytdDom = this._galleryDomTable[galleryId];
|
var visibleLayer = domAttr.get(gallerytdDom,"visibleGroupLayerId");
|
var mapDoms=this._maps2galleryTable[galleryId];
|
var hasShowLayer=false;//是否已经显示了一个备选的图层按钮，如果已显示，则其他的都不再显示。
|
arrayUtil.forEach(mapDoms,function(item,index){
|
// if(domAttr.get(item,"mapid")==visibleLayer){
|
// domStyle.set(item,"display","none");
|
// return;
|
// }
|
domStyle.set(item,"display","block");
|
hasShowLayer=true;
|
});
|
},
|
_onMapDomClick:function(evt) {
|
var mapid = domAttr.get(evt.currentTarget, "mapid");
|
|
AppEvent.dispatchAppEvent(AppEvent.SWITCH_BASEMAP, {
|
hockId: this.hockId,
|
grouplayer: mapid,
|
sender:this.id
|
});
|
var galleryId=domAttr.get(evt.currentTarget.parentNode,"galleryid");
|
domAttr.set(evt.currentTarget.parentNode,"visibleGroupLayerId",mapid);
|
if (mapid == 'imglry') {
|
this.map._layers.cia.opacity = 1
|
} else {
|
this.map._layers.cia.opacity = 0
|
}
|
this._hideGalleryDomByVisibleMap(galleryId);
|
},
|
_onGalleryDomMouseEnter:function(evt){
|
var galleryName = domAttr.get(evt.currentTarget, "galleryid");
|
this._showGalleryDomByVisibleMap(galleryName);
|
},
|
_onGalleryDomMouseLeave:function(evt){
|
var galleryName = domAttr.get(evt.currentTarget, "galleryid");
|
this._hideGalleryDomByVisibleMap(galleryName);
|
},
|
onSwitchBaseMapHandler:function(evt){
|
if(this.id == evt.sender){
|
return;
|
}
|
if (evt.hockId != this.hockId)
|
return;
|
for(var key in this._galleryDomTable){
|
domAttr.set(this._galleryDomTable[key],"visibleGroupLayerId",evt.grouplayer);
|
this._hideGalleryDomByVisibleMap(key);
|
}
|
}
|
});
|
return Widget;
|
});
|
