百度地图插件

所属分类:媒体-地图

 3030  25  查看评论 (0)
百度地图插件 ie兼容11
var __loadingIndex = 0;
$(function () {
   //初始化对象
   $("#DeviceMap").baidumap({
       authLocalCity : false,
       style : {
           height : $(window).height() - 20
       },
       defaultCenter: '西安',
       zoom : 6
   }).on('polygonComplete', function (res) {
       //自动搜索完成回调
       layer.close(__loadingIndex);
   });
   
   //搜索指定地方
   // $("#DeviceMap").baidumap('searchLocal','大浪时尚小镇');
   
   //输入框自动完成
   $("#DeviceMap").baidumap('autoComplete','address');
   
   //设置多个数据
   $("#DeviceMap").baidumap('setData', [{
       "lat": 24.4854510,
       "lng": 118.0959950,
       "icon": 'online',
       //"iconUrl": '/img/user5-128x128.jpg',
       content: '<div><i ></i>名称:test01
网络状态:在线
区域:福建
线路:厦门南中
所在点位:厦门南中1' +
       '
状态:正常
</div>'
   },{
       "lat": 30.2789730,
       "lng": 120.1621610,
       "icon": 'online',
       //"iconUrl": '/img/user5-128x128.jpg',
       content: '<div><i ></i>名称:test02
网络状态:在线
区域:杭州
线路:杭州xxx
所在点位:杭州xxxxx' +
       '
状态:正常
</div>'
   }]);    
   
   //设置单个数据
   $("#DeviceMap").baidumap('setData', {
       "lat": 26.0804430,
       "lng": 119.3034040,
       "icon": 'online',
       //"iconUrl": '/img/user5-128x128.jpg',
       content: '<div><i ></i>名称:test01
网络状态:在线
区域:福建
线路:厦门南中
所在点位:厦门南中1' +
       '
状态:正常
</div>'
   });
   
   //创建区域树
   getRegionTree();
});

function getRegionTree() {
   var tree = $.fn.zTree.init($("#regionTree"), {
       data: {
           simpleData: {
               enable: true,
               idKey: "regionId",
               pIdKey: "regionId"
           },
           key: {
               name: "regionName",
               url: "nourl",
           }
       },
       callback : {
           onClick : function (event,treeId,data) {
               __loadingIndex = layer.load();
               $("#DeviceMap").baidumap('getBoundary',data.regionName,8);
           }
       }
   },[{
       regionId : 0,regionName:"行政区域",isParent:true,open:true,children:[
           {
               regionId : 1,parentId:0,regionName:"北京市",isParent:true,children:[
                   {regionId : 2,parentId : 0,regionName:"海淀区",isParent:false},
                   {regionId : 3,parentId : 0,regionName:"朝阳区",isParent:false},
                   {regionId : 4,parentId : 0,regionName:"昌平区",isParent:false}
               ]
           }
       ]
   }]);
}
相关插件-地图

百度地图回放路线

实现路线行驶回放等功能
  地图
 6404  27

百度地图路书 (轨迹回放功能)

轨迹回放,边走边出路线边出点标记
  地图
 12737  42

google地图点聚合的案例

由于google maps的国内案例较少,整理一个发给大家
  地图
 12572  34

好用的百度地图插件

5种地图显示方式,简单便捷
  地图
 23540  106

讨论这个项目(0)回答他人问题或分享插件使用方法奖励jQ币

取消回复