簡體   English   中英

TypeError:d3.min.js中未定義e

[英]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.

 
粵ICP備18138465號  © 2020-2024 STACKOOM.COM