d3js globe禁用Y轴拖动

时间:2016-08-25 03:48:48

标签: javascript jquery d3.js

我正在使用d3js创建一个地球仪,我需要禁用地球仪中的y轴拖动。我不知道这样做,我真的需要帮助。我认为这是拖动代码,

  var path = d3.geo.path().projection(projection);

var suppressClick = false;

var zoom = d3.geo.zoom()
    .projection(projection)
    .scaleExtent([projection.scale() * .7, projection.scale() * 10])
    .on("zoomstart", function() {
      // TODO inertial drag   
      if (d3.event.sourceEvent) svg.selectAll("path").classed("focus", false);  

    })
    .on("zoom", function() {        
        if (d3.event.sourceEvent) d3.event.sourceEvent.preventDefault();
        svg.classed("zooming", true).call(redraw);

        //svg.call(redraw);
        suppressClick = true;
    })
    .on("zoomend", function() {
      svg.classed("zooming", false);
      // TODO inertial drag
    });

        var svg = d3.select("#globe").append("svg").attr("width",   width).attr("height", height);

        var pathG = svg.append("g").attr('class','globe middle').call(zoom);

任何人都可以提供帮助吗?

0 个答案:

没有答案