var createMapToggle = function() {
var map = Application.map;
if(map)
{
var toggleButton = '<div id="toggleButtonBarContainer"><a href="#"><img id="baseMapTianditu" src="img/toogleMap/tdtVictor.png" title="天地图" /></a>'+
'<a href="#"><img id="baseMapVector" src="img/toogleMap/victor_on.png" title="矢量图" /></a>'+
'<a href="#"><img id="baseMapImage" src="img/toogleMap/image.png" title="影像图" /></a></div>';
//
var toogleBottonBar = '<div id="toggleButtonBar" style="position:fixed; top:10px; left:5px; overflow:hidden; padding:0px; margin:0px; vertical-align:middle; z-index:99910; ">'+toggleButton+'</div>'
//
$(toogleBottonBar).appendTo("#controllerDiv");
//
$("#toggleButtonBar img").each(function() {
console.log((this).id);
$(this).click(function() {
var id = (this).id;
//changeBaseMap(id);
PubSub.publish("changeBaseMapEvent", id);
//
});
});
}
};
//
var registerEventHandle = function()
{
PubSub.subscribe('changeBaseMapEvent', function(msg, data) {
//
var id = data;
changeBaseMap(id);
});
};
//
var changeBaseMap = function(id)
{
var map = Application.map;
//
var oldObj = $('#'+id);
var oldSrc = oldObj.attr("src"); //oldObj.src;
if(oldSrc.indexOf("_on.png") < 0)
{
var newSrc = oldSrc.replace(".png", "_on.png");
oldObj.attr("src", newSrc);
var layer = map.getLayer(id);
console.log(id);
if(layer)
{
console.log(id);
layer.show();
if("baseMapTianditu" === id)
{
var layerAnno = map.getLayer(id+"Anno");
layerAnno.show();
}
}
//
$('#toggleButtonBar img').each(function() {
var otherId = this.id;
if(otherId.indexOf(id) < 0 )
{
var otherLayer = map.getLayer(otherId);
if(otherLayer)
{
otherLayer.hide();
if("baseMapTianditu" === otherId)
{
var layerAnno = map.getLayer(otherId+"Anno");
layerAnno.hide();
}
}
var oldSrc = (this).src;
var newSrc = oldSrc.replace("_on.png", ".png");
$(this).attr("src", newSrc);
}
//
});
}
};