javascript - To center a leaflet map on a marker from a link or button - Stack Overflow

admin管理员组

文章数量:1332395

I need to be able to center the leaflet map on a marker when the appropriate button is click.

<button onclick='getLoc(" + geojson.features[i].geometry.coordinates[0] + "," +     geojson.features[i].geometry.coordinates[1] + ")'>View</button>



function getLoc(c){
var c = L.GeoJSON([lng,lat]);
}

I'm stuck from here, any help to finish this would be greatly appreciated. Or if anyone else has a different way of doing it using JSON.

I need to be able to center the leaflet map on a marker when the appropriate button is click.

<button onclick='getLoc(" + geojson.features[i].geometry.coordinates[0] + "," +     geojson.features[i].geometry.coordinates[1] + ")'>View</button>



function getLoc(c){
var c = L.GeoJSON([lng,lat]);
}

I'm stuck from here, any help to finish this would be greatly appreciated. Or if anyone else has a different way of doing it using JSON.

• javascript
• leaflet
• geojson

Share Improve this question Follow asked Mar 21, 2014 at 20:09 TiddlyWinTiddlyWin 15511 silver badge88 bronze badges

Add a ment  | 

2 Answers 2

Sorted by: Reset to default 6

I think what you're looking for is the setView method. Assuming that your map variable is called map, you can set the lat/lng of the map by calling the method like this:

map.setView([51.505, -0.09], 13); // ([lat, lng], zoom)

I managed to solve this problem

Here is the solution

<button onclick='getLoc(" + geojson.features[i].geometry.coordinates[0] + "," +     geojson.features[i].geometry.coordinates[1] + ")'>View</button>


function getLoc(lat, lng){
    map.setView(new L.LatLng(lat, lng), 12);
    }

本文标签： javascriptTo center a leaflet map on a marker from a link or buttonStack Overflow