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

Popular posts from this blog

python Tkinter Capturing keyboard events save as one single string -

android - InAppBilling registering BroadcastReceiver in AndroidManifest -

javascript - Z-index in d3.js -