js下载地址:http://www.jq22.com/xzcj.aspx?id=B02C0A5843F0913B1C4EBB88EAC43532F99BD0D6E8C5AB9E1C3410704DE95159886A4941E6335867FFCBF95360659BDA0D2AA4452A2366CE
插件描述:jquery百度地图全景图
注:查看全景图需要开启浏览器flash,且在服务器端查看
开启后刷新页面即可查看全景图,下面是开启方法的链接
使用方法
1.引入脚本
1
2
3
|
<
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必须)