评论：百度地图全景图  [查看原文]

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

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

怎么用这个

请问，这个插件angular里怎么引入？

hellolxc1
2018/1/16 12:57:19

points有个content字段，设置下

benjamin0
2018/1/4 11:56:17

能给我一份源码么？

hellolxc0
2018/1/4 12:39:54

里面api有说明，缩放事件直接监听zoomstart或者zoomend

benjamin0
2018/1/4 13:48:03

我试了，但是没什么效果，求大神详解。。。

map.addEventListener('zoomend', function() {
    var scaleNum = map.getZoom();
    console.log(scaleNum);
});

没输出，或者报map.addEventListener is not a function

hellolxc1
2018/1/4 14:30:33

var map = new BMap.Map("container");
var point = new BMap.Point(116.404, 39.915);
map.centerAndZoom(point, 15);
map.addControl(new BMap.NavigationControl());
map.addEventListener("zoomstart", function() {
    console.log("zoomstart");
    console.log(this.getZoom());
});
map.addEventListener("zoomend", function() {
    console.log("zoomend");
    console.log(this.getZoom());
});

benjamin0
2018/1/4 14:48:23

var map = new BaiduMap({
    id: "container3",
    level: 16, //  选填--地图级别--(默认15)
    zoom: true, // 选填--是否启用鼠标滚轮缩放功能--(默认false)
    type: ["地图", "卫星"], // 选填--显示地图类型--(默认不显示)
    // width: 320, // 选填--信息窗口width--(默认自动调整)
    // height: 70, // 选填--信息窗口height--(默认自动调整)
    titleClass: "title",
    contentClass: "content",
    showPanorama: false, // 是否显示全景控件(默认false)
    showMarkPanorama: false, // 是否显示标注点全景图(默认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");
    }
});
var data = map.getPosition();
var $li = $(".list").find("li");

$li.each(function(i) {
    $(this).data("id", i + 1);
}).on("click", function() {
    map.openInfoWindow($(this).data("id"));
    $(this).addClass("active").siblings().removeClass("active");
}).eq(data.id - 1).addClass("active");


var point = new BMap.Point(116.404, 39.915);
map.centerAndZoom(point, 15);
map.addControl(new BMap.NavigationControl());
map.addEventListener("zoomstart", function() {
    console.log("zoomstart");
    console.log(this.getZoom());
});
map.addEventListener("zoomend", function() {
    console.log("zoomend");
    console.log(this.getZoom());
});

仍是报这个错

benjamin0
2018/1/4 17:51:35
用上面写法的话会把你的插件覆盖，不重新声明map又会报错。。。

benjamin0
2018/1/4 18:35:36
求分享源码一份，谢谢345831755@qq.com

hellolxc1
2018/1/4 22:41:23

var instance = new BaiduMap({}); // 添加相应配置参数
var map = instance.map; // 返回地图实例
map.addEventListener("zoomstart", function() {
    console.log("zoomstart");
    console.log(this.getZoom());
});
map.addEventListener("zoomend", function() {
    console.log("zoomend");
    console.log(this.getZoom());
});

benjamin0
2018/1/5 9:52:06
问题解决了，多谢大神

对方正在输入....0
2018/1/20 10:42:51

@benjamin  能问您一下 您是怎么使用这个地图的 新手 刚接入IT行业 学生 不太懂得 怎么使用 求源代码 就是我不会调用这个 地图 ，什么您说的监听器 都不是很懂

怎么换成自己想要的位置

hellolxc0
2017/11/16 16:44:49

修改points数据

请问没显示地图是什么原因？

有没压缩的吗

hellolxc0
2017/8/21 22:27:10
基本使用只需要引入脚本和实例化参数，如果需要用到全景图，则需要开启浏览器flash，上面有谷歌浏览器的开启连接（注意需要运行在服务器环境，不能直接双击打开html文件）