[英]TypeError: e is undefined in d3.min.js
我創建了以下函數,以便可以在印度地圖中使用放大函數。但是錯誤e在d3.min.js中未定義,即將在3:12958行出現
d3.json("india.geojson",function(error,data){
var data = d3.range(2000).map(function() {
return [randomX(),randomY()];
});
var canvas = d3.select("body")
.append("svg")
.attr("width",750)
.attr("height",750)
.append("g")
.call(d3.behavior.zoom().scaleExtent([1, 8]).on("zoom", zoom))
.append("g");
var color = d3.scale.linear()
.domain([1,50])
.range(["red","blue"]);
var group = canvas.selectAll("g")
.data(data.features)
.enter()
.append("g");
var projection = d3.geo.mercator().scale(1000).translate([-1000,700]);
var path = d3.geo.path().projection(projection);
var areas = group.append("path")
.attr("d",path)
.attr("class","area")
.attr("fill",function(d){return color(d.properties.ID_1); });
function zoom() {
group.attr("transform", "translate(" + d3.event.translate + ")scale(" + d3.event.scale + ")");
}
group.append("text")
.attr("x",function(d){ return path.centroid(d)[0];})
.attr("y",function(d){ return path.centroid(d)[1];})
.attr("text-anchor","middle")
.text(function(d){ return d.properties.NAME_1 ;});
});
將zoom
功能d3.json
函數之外,或至少置於您對縮放函數提供的引用之上。 目前,您引用的zoom
比例是不確定的,可能是導致問題的原因。
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.