定位第二张传单tileLayer

时间:2017-11-09 08:39:10

标签: javascript leaflet

我目前正在使用传单,并希望将卫星图像添加到普通的osm地图tileLayer中。所以我设法将图像转换为图块并设置传单以显示图块。

不幸的是,图像显示在世界的角落。我知道这可能是因为该角落对应于瓷砖的文件夹编号/网格。但是我需要让图像处于非常特定的位置。有什么方法可以告诉传单在哪里显示自定义tileLayer。

我意识到我可以在技术上去并重命名为文件夹和图像,我想要的区域的正确数字,但这是非常繁琐的,你必须手动完成,这会击败我们的目标。

由于

1 个答案:

答案 0 :(得分:1)

看看L.ImageOverlay

  

用于在地图的特定边界上加载和显示单个图像。

var imageUrl = 'http://www.lib.utexas.edu/maps/historical/newark_nj_1922.jpg',
    imageBounds = [[40.712216, -74.22655], [40.773941, -74.12544]];

L.imageOverlay(imageUrl, imageBounds).addTo(map);

参考:http://leafletjs.com/reference-1.2.0.html#imageoverlay