How to change the map center in Leaflet js

Question

The following code initializes a leaflet map  The initialize function centers the map based on user location  How do I change the center of the map to a new position after calling the initialize function   function initialize     map   L map  map    L tileLayer  http    s  tile cloudmade com BC9A493B41014CAABB98F0471D759707 997 256  z   x   y  png         maxZoom  18      attribution   Map data  amp copy   lt a href  http   openstreetmap org  gt OpenStreetMap lt  a gt  contributors   lt a href  http   creativecommons org licenses by-sa 2 0   gt CC-BY-SA lt  a gt   Imagery       lt a href  http   cloudmade com  gt CloudMade lt  a gt      addTo map    map locate  setView  true  maxZoom  8

User · Answer

You could also use   var latLon   L latLng 40 737  -73 923   var bounds   latLon toBounds 500      500   metres map panTo latLon  fitBounds bounds     This will set the view level to fit the bounds in the map leaflet

User · Answer

For example   map panTo new L LatLng 40 737  -73 923

User · Answer

Use map panTo    does not do anything if the point is in the current view  Use map setView   instead   I had a polyline and I had to center map to a new point in polyline at every second  Check the code   GOOD  https   jsfiddle net nstudor xcmdwfjk   mymap setView point  11    animation  true               BAD  https   jsfiddle net nstudor Lgahv905    mymap panTo point   mymap setZoom 11

User · Answer

You can also use   map setView new L LatLng 40 737  -73 923   8     It just depends on what behavior you want  map panTo   will pan to the location with zoom pan animation  while map setView   immediately set the new view to the desired location zoom level

[javascript] How to change the map center in Leaflet.js

Examples related to javascript

Examples related to leaflet