Блог

Я пытаюсь отобразить часть карты с помощью этого объема кода:-

 <div id="mapid" style="height: 280px; width: 1143px;">
    <script src="http://cdn.leafletjs.com/leaflet/v0.7.7/leaflet.js"></script>

    <script>
        var mymap = L.map("mapid").setView([5, 120], 13);

        L.tileLayer("http://{s}.tile.osm.org/{z}/{x}/{y}.png", {
            attribution: 'amp;copy; <a href="http://osm.org/copyright">OpenStreetMap</a> contributors',
        }).addTo(mymap);
    </script>
</div>
  

Но это отображает эту часть карты:-

Но я пытаюсь получить эту часть карты: — есть ли какой-либо инструмент, с помощью которого я могу оптимизировать свой код для этого:-

Вы можете задать вид карты с помощью: map.setView([lat,lng],zoom)

Для вашего примера: mymap.setView([-3.687845, 113.776067], 4);

Или вы можете установить границы (верхний левый угол и правый нижний угол) карты, чтобы карта вычисляла, какой наилучший масштаб для отображения границ.

 var bounds = L.latLngBounds([6.884470, 94.897447],[-13.549102, 154.879214])
mymap.fitBounds(bounds)
  

Но чтобы ответить на ваш вопрос, вы можете получить latlng при нажатии на карту с помощью:

 map.on('click',function(e){
    console.log(e.latlng);
});