百度地图全景图

所属分类:媒体-地图

 5903  30  查看评论 (2)
百度地图全景图 ie兼容6

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

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

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

使用方法

1.引入脚本

<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.实例化

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必须)

相关插件-地图

基于百度地图API的地址输入插件

基于百度地图API的地址输入插件。可以输入地址关键词智能搜索或在地图上拖拽获取地址与坐标。
  地图
 5216  55

百度地图回放路线

实现路线行驶回放等功能
  地图
 1233  12

jQuery小地图预览插件(预览完整的网页)

minimap是一个可以快速预览完整的网页或其与灵活的定位和导航支持DOM元素。
  地图
 11469  55

jQuery谷歌地图插件maplace.js

Maplace.js帮助你嵌入你的网站,谷歌地图,快速创建标记和控制菜单在地图上的位置。
  地图
 28889  35

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

    出现 0
    2017/8/21 21:58:54
    不会用,求指导。。。。(除了上面的引入和实例化,还需要什么步骤呢?)
        hellolxc0
        2017/8/21 22:27:10
        基本使用只需要引入脚本和实例化参数,如果需要用到全景图,则需要开启浏览器flash,上面有谷歌浏览器的开启连接(注意需要运行在服务器环境,不能直接双击打开html文件)
    回复
取消回复