LeafletJS图像叠加设置范围

Question

我正在使用LeafletJS地图。我需要使用图像叠加层。我这样做是这样的：

  onMapReady(event: any) {
     this.layers.push(imageOverlay(this.imgSrc + "map.png", [[35.334847, 25.328072], [35.337847, 25.339072]])); // This is the overlay
    }

我可以看到下面的小图像叠加层。但是如何显示整个屏幕？我认为这里的问题是有界的。但是我该如何设置呢？我有中心"lat": "35.335847",         "lon": "25.338072",如果这是中心（即带有箭头），那么如何显示整个图像？关于如何设置界限并找出那些lat和lon的任何线索？

注意 我在这里将ngx-leaflet与Ionic 4一起使用

Answer 1

看起来，除了包含在代码中的坐标之外，其他一切都很好。为了使图像叠加层与地图兼容，请在图像绑定上找到一些特征点，然后从地图上获取坐标。然后在您的代码中对其进行修复，使其适用于北方，东方，南方和西方。