格式化并在地图中正确显示结果列表

时间:2016-03-29 17:37:18

标签: javascript jquery html css d3.js

function addpointo(lat,lon,text) {

  var gpoint = g.append("g").attr("class", "gpoint");
  var x = projection([lat,lon])[0];
  var y = projection([lat,lon])[1];

  gpoint.append("svg:circle")
        .attr("cx", x)
        .attr("cy", y)
        .attr("class","point")
        .style("fill","purple")
        .attr("r", 1.5);

  //conditional in case a point has no associated text
  if(text.length>0){

    gpoint.append("text")
          .attr("x", x+2)
          .attr("y", y+2)
          .attr("class","text")
          .text(text);
  }

}

此功能根据纬度和经度将文本显示在地图的正确位置。 问题是当我有相同纬度和经度的多个结果时,文本是一个在另一个之上,它变得一团糟。 你知道我怎样才能正确地格式化每个文本,避免让它们在另一个文本之上?

0 个答案:

没有答案