Наложение изображения LeafletJS устанавливает границы

Я использую карту 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 здесь с Ионик 4

введите здесь описание изображения


person Sampath    schedule 12.05.2019    source источник


Ответы (1)


Похоже, все в порядке, кроме координат, которые вы включили в свой код. Чтобы наложение изображения было совместимым с картой, найдите характерные точки на привязке изображения и получите координаты с карты. Затем исправьте их в своем коде, сделав это для севера, востока, юга и запада.введите здесь описание изображения

person MKR    schedule 08.10.2019