leaflet地图使用较为广泛,它的Api内容也比较多,不常使用者在前几次使用中会比较蒙圈,以下是自己的实践结果:
一、生成一个地图实例;
this.map = L.map(document.getElementById("map"), {
zoomControl: false,
attributionControl: false,
minZoom: 10,
maxZoom: 18,
zoom: 0,
center: [23.1163, 113.2621]
});
L.tileLayer("http://webrd01.is.autonavi.com/appmaptile?lang=zh_cn&size=1&scale=1&style=8&x={x}&y={y}&z={z}', {
subdomains: ["1", "2", "3", "4"]
}).addTo(this.map);
二、getBounds方法
this.map.getBounds(); // 返回地图视图的经纬度边界 ,打印的结果是这样的:
它下面也有几个比较实用的方法: