zoukankan      html  css  js  c++  java
  • 底图切换功能

    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);
                    }
                    //
                });        
            }        
        };
  • 相关阅读:
    python:返回函数,闭包
    对象的行为和数组
    类、对象和包
    Java语言中的程序流程控制
    初识Java,Java语言概述
    有限广播地址与直接广播地址
    H3C模拟器HCL注意事项
    HDLC协议
    NETBIOS的作用
    HP DL380G7 RAID配置
  • 原文地址:https://www.cnblogs.com/gispathfinder/p/5745622.html
Copyright © 2011-2022 走看看