百度地图js使用方法

js下载地址：http://www.jq22.com/xzcj.aspx?id=B02C0A5843F0913B1C4EBB88EAC43532F99BD0D6E8C5AB9E1C3410704DE95159886A4941E6335867FFCBF95360659BDA0D2AA4452A2366CE

插件描述：jquery百度地图全景图

注：查看全景图需要开启浏览器flash,且在服务器端查看

开启后刷新页面即可查看全景图，下面是开启方法的链接

1	http://jingyan.baidu.com/article/e75aca8568cd6d142fdac678.html

使用方法

1.引入脚本

1 2 3

< script  src = "http://www.jq22.com/jquery/jquery-1.10.2.js" ></ script > < script  src = "http://api.map.baidu.com/api?v=2.0&ak=A1LU7iHS0avqQwPLAxbhKn0UYSQCuRVH" ></ script > < script  src = "js/jquery.baiduMap.min.js" ></ script >

2.实例化

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29

var  map =  new  BaiduMap({      id:  "container3" ,      level: 16,  //  选填--地图级别--(默认15)      zoom:  true ,  // 选填--是否启用鼠标滚轮缩放功能--(默认false)      type: [ "地图" ,  "卫星" ,  "三维" ],  // 选填--显示地图类型--(默认不显示)      width: 320,  // 选填--信息窗口width--(默认自动调整)      height: 70,  // 选填--信息窗口height--(默认自动调整)      titleClass:  "title" ,      contentClass:  "content" ,      showPanorama:  true ,  // 是否显示全景控件(默认false)      showMarkPanorama:  true ,  // 是否显示标注点全景图(默认false)      showLabel:  false ,  // 是否显示文本标注(默认false)      mapStyle:  "normal" ,  // 默认normal,可选dark,light      icon: {  // 选填--自定义icon图标          url:  "img/marker2.png" ,          width: 34,          height: 94      },      centerPoint: {  // 中心点经纬度          lng: 118.106586,          lat: 24.467207      },      index: 3,  // 开启对应的信息窗口，默认-1不开启      animate:  true ,  // 是否开启坠落动画，默认false      points: points,  // 标注点--id(唯一标识)      callback:  function (id) {  // 点击标注点回调          $( ".list" ).find( "li" ).eq(id - 1).addClass( "active" ).siblings().removeClass( "active" );      } });

3.说明

map.getPosition(id)// 获取位置信息，不传id获取当前开启信息窗口位置信息，传入id获取指定位置信息（id--标注点唯一标识）；

map.openInfoWindow(id)// 开启指定位置信息窗口（id必须）