百度离线地图map.js+动态添加覆盖物

公司有用到的地方 ，存一下，之前在网上找的  结果写了半天发现不支持卫星图，实在蛋疼。于是找了个支持卫星地图的版本

大神写的下载瓦片工具：https://www.52pojie.cn/thread-738613-1-1.html

另一位大神的离线包：http://www.xiaoguo123.com/p/baidumap_offline_v21/     用谷歌下载不了，我是用猎豹浏览器下载的

拿到之后自己改一下就行了。

但是这位大神的离线包版本同时只支持一种图片格式。由于我的矢量图格式为png，卫星图格式为jpg，于是搜索了一下小做改动

把画圈的地方改成自己需要的图片格式即可 

顺便奉上我自己写的小人隔一会儿就动弹着走的方法

var customicon = function (data) { //加载图片的函数

        var a = 0;

        var timer = setInterval(function () {//每隔一秒就刷新一次坐标点

            var icon = new BMap.Point(data[a].lng, data[a].lat);//加载坐标点
            a++; if (a == 5) {
                clearInterval(timer)
            }
            var myIcon = new BMap.Icon('../fox.gif', new BMap.Size(320, 320));//图片路径和图片大小的设置

            var mk = new BMap.Marker(icon, { offset: new BMap.Size(0, 0), icon: myIcon });//图片设置

            map.clearOverlays(mk);//清除掉之前所有的覆盖物
           map.addOverlay(mk);//添加新的覆盖物
        }, 1000)
    }
        var points = [//坐标点

        { lng: 121.328996, lat: 38.890397 },

        { lng: 121.486522, lat: 38.956866 },

        { lng: 121.514118, lat: 38.991873 },


    ];//数据准备

        customicon(points)

这样刷新坐标点时先清除之前的覆盖物，视觉效果上就像小人自己往前走一样。

画线也很简单 就不写了，有疑问可以私信问我或者留言   (๑´ㅂ`๑)