用JavaScript调用百度地图API在地图显示的左下角显示不随地图变化的图例

请大神给点思路，在网上没百度到类似的，我是在别人的代码上面改，求给思路，谢谢！！！！

解决方案 »

  1.   

    一个例子：<html>
    <head>
    <meta charset="gb2312" />
    <title>百度地图</title>
    <script type="text/javascript">
    function initMap(){
      createMap();
      setMapEvent();
      addMapControl();
    }
    function createMap(){ 
      map = new BMap.Map("map"); 
      map.centerAndZoom("成都",10);
    }
    function setMapEvent(){
      map.enableScrollWheelZoom();
      map.enableKeyboard();
      map.enableDragging();
      map.enableDoubleClickZoom()
    }
    function addMapControl(){
      var navControl = new BMap.NavigationControl({anchor:BMAP_ANCHOR_TOP_LEFT,type:1});
      map.addControl(navControl);
    }
    var map;
    function loadJScript(){
    var script = document.createElement("script");
    script.type = "text/javascript";
    script.src = "http://api.map.baidu.com/api?v=2.0&ak=5E5EE28a7615536d1ffe2ce2a3667859&callback=initMap";
    document.body.appendChild(script);
    }
    window.onload = loadJScript;
    </script>
    <style type="text/css">
    #map{
    width:100%;
    height:100%;
    overflow:hidden;
    position:absolute;
    left:0;
    top:0;
    background-color:white;
    }
    #logo{
    position:fixed;
    left:0;
    bottom:0;
    z-index:10;
    border:1px solid red;
    }
    </style>
    </head>
    <body>
    <div id="map"></div>
    <img id="logo" src="http://pic.baike.soso.com/p/20120228/20120228144539-1458223318.jpg" />
    </body>
    </html>