如何使用 Leaflet.js 获得所需的 lat、long 值以仅显示 map 的所需部分？

Question

I am trying to display a portion of a map with this amount of code:-

<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: '&copy; <a href="http://osm.org/copyright">OpenStreetMap</a> contributors',
        }).addTo(mymap);
    </script>
</div>

But that displays this portion of the map:-

But I am trying to get this portion of the map:- is there any tool I can optimize my code to do so:-

Answer 1

You can set the view of the map with: map.setView([lat,lng],zoom)

For your example: mymap.setView([-3.687845, 113.776067], 4);

Or you can set the bounds (top left corner and right bottom corner) of the map, so the map is calculated what is the best zoom to contain the bounds.

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

But to answer your question, you can get the latlng when you click on the map with:

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