插件描述：jquery百度地图全景图
注：查看全景图需要开启浏览器flash,且在服务器端查看
开启后刷新页面即可查看全景图，下面是开启方法的链接
1 |
使用方法
1.引入脚本
1 2 3 | <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必须）
特别申明：
本站所有资源都是由网友投稿发布，或转载各大下载站，请自行检测软件的完整性！
本站所有资源仅供学习与参考，请勿用于商业用途，否则产生的一切后果将由您自己承担！
如有侵权请联系我们删除下架，联系方式：lei1294551502@163.com
- 上一个特效： jQuery百叶窗轮播插件Shutter
- 下一个特效： jQuery分步步骤