百度地图全景图

所属分类:媒体-地图

 53281  75  查看评论 (32)
百度地图全景图 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必须)

相关插件-地图

百度地图区域取点工具

方便快捷的取出百度地图区域坐标点
  地图
 32732  111

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

轨迹回放,边走边出路线边出点标记
  地图
 15880  47

google地图点聚合的案例

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

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

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

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

    赖雅琪 0
    2018/9/10 11:29:43

    大神 你这个 刚好符合我现在写的一个页面的需求  但是 差最后一步就是 给每个标注信息框里面再加上一个 到这里去的   点击就直接跳到地图的导航功能 api里面是这种  

    searchTypes   :[
        BMAPLIB_TAB_SEARCH,   //周边检索
        BMAPLIB_TAB_TO_HERE,  //到这里去
        BMAPLIB_TAB_FROM_HERE //从这里出发
    ]

     你那个源码不太看得懂 实在不知道怎么加  很急   求助大神

        赖雅琪0
        2018/9/10 11:45:15
        期待大神 看见了 可以联系我qq1414015006
    回复
    ┥zheng┥ 0
    2018/9/8 17:21:03
    很好用 各种版本都有 还免费 回复
    讲故事的人? 0
    2018/8/6 11:37:42
    想要更改单一经纬度的icon图标怎么更改 回复
    请问下怎么修改左上角的"平移缩放" 的位置?
    如果用这个的话,会变成两个
    map.addControl(new BMap.NavigationControl({anchor:BMAP_ANCHOR_BOTTOM_RIGHT})); 回复
    等?・・・ 0
    2018/4/27 14:46:22
    我想把样式改的和百度地图一模一样样式在哪改没找到 js文件里没有 回复
    熘.(?? . ??) 0
    2018/3/3 17:28:27
    想问一下。~显示全景那个图标 要怎么改动
        hellolxc0
        2018/3/4 14:34:27
        替换img下的panorama.png图片
    回复
    0
    2018/2/10 16:38:14
    想问加怎么添加,浏览者的当前位置定点
    回复
    对方正在输入.... 0
    2018/1/20 9:56:10

    这个架包导入一直报错 就是导入不进去

    回复
    对方正在输入.... 0
    2018/1/20 9:45:41

    先问一下这个插件怎么用 我放入eclipse 导入这个包就报错 

    回复
    。。。。。 0
    2018/1/18 10:56:56
取消回复
  短信接口