javascript - put real coordinates in Leaflet -
i trying put animation several circles on map. when zoom, position circles varies. how can fix this? using coordinate of city of colombia. use coordinates google maps uses.
var svg = d3.select("#map").select("svg"), g = svg.append("g"); var coordenadas=map.latlngtolayerpoint([2.4574702,-76.6349536,13]) (var = 1; < 5; ++i) { var circle = svg.append("circle") .attr("cx",coordenadas.x) .attr("cy", coordenadas.y) .attr("r", 0) .style("stroke-width", 5 / (i)) .attr("class", "circulo_explosion") .transition() .delay(math.pow(i, 2.5) * 50) .duration(2000) .ease('quad-in') .attr("r", 25) .style("stroke-opacity", 0) .each("end", function () { d3.select(this).remove(); }); }
Comments
Post a Comment