如题,同样的代码,同一个页面中,放两个百度地图,上面的地图蓝色坐标箭头不显示,下面的地图则显示正常,上面的是不是样式冲突了?

解决方案 »

  1.   

    代码是这样的<div class="jquery_cons" style="display:none;">
             <div id="cctenter" style="width:545px; height:496px;"></div>
          <script type="text/javascript">
    $(function(){
                      /*tab选项卡*/
    $(".jquery_menu li").mouseover(function(){
        var index=$(this).index();
    $(this).addClass("active")
           .siblings().removeClass("active");
    $(this).parent().parent().parent(".jquery_tab").find(".jquery_con").children("div.jquery_cons").eq(index).show().attr('id','lbox_tab').siblings(".jquery_cons").hide().attr('id','');
    // alert(index);
    if(index == 3)
    {
    var ma = new BMap.Map("cctenter");
    var points = new BMap.Point({$qsl_info.baiduLogitude}, {$qsl_info.baiduLatitude});
    // 编写自定义函数,创建标注
    var myIcon = new BMap.Icon( "http://api.map.baidu.com/img/ers.png",new BMap.Size(23, 25),
    {
    offset: new BMap.Size(10, 25),
    imageOffset: new BMap.Size(0, 0 - 10 * 25)
    });
    ma.centerAndZoom(points, 15);
    var ers = new BMap.Marker(points,{icon: myIcon}); // 创建标注
    ma.addOverlay(ers); // 将标注添加到地图中
    var opts = {
    width : 250, // 信息窗口宽度
    height: 20, // 信息窗口高度
    title : "{$qsl_info.communityName}" // 信息窗口标题
    }
    var infoWindow = new BMap.InfoWindow("地址:{$qsl_info.addr}", opts); // 创建信息窗口对象
    ers.addEventListener("click", function(){
    this.openInfoWindow(infoWindow);
    }); 
        
    function findadr(v)
        {

    var map2 = new BMap.Map("cctenter");
    var point2 = new BMap.Point(116.487866,40.011938);
    map2.centerAndZoom(point2, 15);
    var er2 = new BMap.Marker(point2, {icon: myIcon});
    map2.addOverlay(er2);
    var local = new BMap.LocalSearch(map2, {renderOptions:{map: map2, autoViewport:true,selectFirstResult: false}});
    local.searchInBounds(v, map2.getBounds()); 

        }
    }
    })
                      })
      </script>
    </div>