leaflet.js Voronoi Diagram

<!DOCTYPE html>
<html lang="ja">
<head>
<meta charset="utf-8" />
<meta http-equiv="content-language" content="ja">
<title>Mapbox(leaflet.js) Voronoi Diagram</title>
<link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/leaflet/0.7.7/leaflet.css"/>

//ボロノイジェネレーター
	var voronoi = d3.geom.voronoi()
		.x(function(d) { return d.x; })
		.y(function(d) { return d.y; });

update();
 
    
	function update() {
	
		//ピクセルポジション情報保存用
		var positions = [];
		
		//位置情報→ピクセルポジション変換
		pointdata.forEach(function(d) {        
			var latlng = new L.LatLng(d.geometry.coordinates[1], d.geometry.coordinates[0]);
			positions.push({
				x :map.latLngToLayerPoint(latlng).x,
				y :map.latLngToLayerPoint(latlng).y
			});
		});
        
    
		//前サークルを削除
		d3.selectAll('.AEDpoint').remove();
		//サークル要素を追加
		var circle = g.selectAll("circle")
			.data(positions)
			.enter()
			.append("circle")
			.attr("class", "AEDpoint")
			.attr({
				"cx":function(d, i) { return d.x; },
				"cy":function(d, i) { return d.y; },
				"r":2,
				fill:"red"            
			});
      
		//ボロノイ変換関数
		var polygons = voronoi(positions);
		polygons.forEach(function(v) { v.cell = v; });
      
		//前ボロノイPathを削除
		svg.selectAll(".volonoi").remove();
		//path要素を追加
		svg.selectAll("path")
			.data(polygons)
			.enter()
			.append("svg:path")
			.attr("class", "volonoi")
			.attr({
				"d": function(d) {
				if(!d) return null; 
					return "M" + d.cell.join("L") + "Z";
				},
				stroke:"black",
				fill:"none"            
			});

} 
   
}
</script>
</body>
</html>

https://cdnjs.cloudflare.com/ajax/libs/d3/3.5.5/d3.min.js

https://cdnjs.cloudflare.com/ajax/libs/leaflet/0.7.7/leaflet-src.js