angular - 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

除了您包含在代码中的坐标之外，看起来一切都很好。为了使您的图像叠加与地图兼容，请在您的图像绑定上找到一些特征点并从地图中获取坐标。然后在你的代码中修复它们，为北、东、南和西做这件事。