how to add flyto leaflet function to Custom Svg Map

user_15742760 0
Viewed 42

I have added a custom map svg leaflet Use svg as map using leaflet.js

and given id to path (svg) and now I want to add flyto (leaflet function) to it. any idea how to do that. I am tring to animate flyto one path to another using leaflet

var map = L.map('map', {
  center: [40.75, -74.2],
  zoom: 13
});

  imageBounds = [
    [40.712216, -74.22655],
    [40.773941, -74.12544]
  ];

L.imageOverlay(imageUrl, imageBounds).addTo(map); 


#map {
 height: 400px;
}

Thank You

leaflet svg html javascript
1 Answers

for flyto with animation you should use this code.

map.panTo(new L.LatLng(40.712216,-74.22655));

user_92890120
Related