SVG circles don't get repositioned when zooming leaflet map
问题 I'm using d3 to add svg circles on leaflet map. My fiddle is here http://jsfiddle.net/nextstopsun/C3U8g/ I've added a reset() function to map viewreset event to calculate transformation for svg g element containing all circles. This function is called on map viewreset event. svg.attr("width", topRight[0] - bottomLeft[0]) .attr("height", bottomLeft[1] - topRight[1]) .style("margin-left", bottomLeft[0] + "px") .style("margin-top", topRight[1] + "px"); g.attr("transform", "translate(" +