baidu-map2

来源:互联网 发布:徐老师淘宝店的地址 编辑:程序博客网 时间:2024/06/07 02:50
<div class="banner3"></div>
           <div class="fb_3" style="min-height:982px;position:relative;z-index:1;">
            <div id="allmap" style="min-width:1100px;min-height:980px">
              </div>
      <script type="text/javascript">
      // 百度地图API功能
      var map = new BMap.Map("allmap");
      function strToJson(str){

        var type = typeof str;
        //防止重复转换
        if(type == 'object'){ //如果已经是JSON对象了,就不转换、原样返回
          return str;
        }else{
          return jQuery.parseJSON(str);
        }
      }


      map.addControl(new BMap.MapTypeControl());
      map.enableScrollWheelZoom(true);
      // 编写自定义函数,创建标注
      function addMarker(point, opts){
        //创建 图标
        var icons = new BMap.Icon("__PUBLIC__/images/map_icon2.png",new BMap.Size(30,47));
        //创建 marker,但不添加到地图上
        var marker = new BMap.Marker(point, {icon:icons});
        
        var infoWindow = new BMap.InfoWindow(contents, opts);  // 创建信息窗口对象
        marker.addEventListener("click", function(){          
          map.openInfoWindow(infoWindow,point); //开启信息窗口
        });
        
        map.addOverlay(marker);
      }

      var data = '{$re}';
      //var dataS = JSON.parse(data);
      var dataS = strToJson(data);

      if( dataS[0].lng ){
        //有数据、以第一条数据的 经纬度 画点
        //var point = new BMap.Point(dataS[0].lng, dataS[0].lat); // 创建点坐标
        var point = new BMap.Point(113.637098,34.754674); //中国地图中心点
        map.centerAndZoom(point,6);                 // 初始化地图,设置中心点坐标和地图级别。
      }else{
        //无数据、默认是 北京市-故宫博物院
        var point = new BMap.Point(116.387452, 39.947302); // 创建点坐标
        map.centerAndZoom(point,10);                 // 初始化地图,设置中心点坐标和地图级别。
      }

      $.each(dataS, function(key, value) {
        var point = new BMap.Point(value.lng, value.lat);
          //contents=value.img;

       contents="cotent";

        var opts =  {
          width : 420,     // 信息窗口宽度
          height: 200,     // 信息窗口高度
          title :"<div style='margin:0 0 5px 0;padding:0.2em 0;font-size:18px;'>"+value.name+"<div style='display:inline;margin-left:10px;font-size:10px;color:Peru;'>"+value.supplier+"</div></div>",// 信息窗口标题
          enableMessage:false,//设置允许信息窗发送短息
          message:""
        };
        addMarker(point,opts);
      });
      </script>
原创粉丝点击