网络日志

leaflet基于平面坐标系做时序播放功能方案

1.初始化map,bounds和origin从iserver发布的底图的基础信息获取

this.baseMap = L.map(this.initId, {
    crs: L.CRS.NonEarthCRS({
        bounds: L.bounds([-45888490.52,-47298112.34], [45888490.52, 45888490.52]),
        origin: L.point(-45888490.52,45888490.52)
    }),
    center: [733210.56 , -1230428.86],
    maxZoom: 18,
    zoomControl:false,
    attributionControl:false,
    zoom: 1,
});

2.创建一个layerGroup对时序图层等业务进行管理3.collectionId和names需开发人员自己获取自己业务服务的相关

const imageBounds = '需要时序功能产品的bound'
const imageUrl = '******************'
thit.imageLayer =L.imageOverlay(imageUrl, imageBounds)
that.AniLayerGroup.addLayer(this.imageLayer)