问题描述

D3js在画出地图上，根据城市的坐标，在每个坐标的地方画一个光标，像在发光的那种动画效果.

就像 http://map.ipviking.com/ 这个网站上的光标点一样，刚开始学D3感觉一直都画不出来
画了好长时间，求助啊，大神们！

解决方案

http://blog.csdn.net/lzhlzz/article/details/38727993

解决方案二：

我就是照着这个画出的地图，然后我有一个记录城市坐标的csv文件，csv对每个城市都有坐标显示

//显示地区名字
function chinaText(circles,texts){
d3.csv('json/china-cities.csv',function(c){
//坐标点实现圆点
circles.selectAll("circle")
.data(c)
.enter().append("svg:circle")
.attr("cx", function(d,i){return projection([d.lon,d.lat])[0];})
.attr("cy",function(d,i){return projection([d.lon,d.lat])[1];})
.attr("r",3)
.attr('fill','red');

        //坐标点显示城市名字
      texts.selectAll("text")
            .data(c)
            .enter()
            .append("svg:text")
            .text(function(d){
                return d.city;
            })
            .attr("x", function(d){
              var local=projection([d.lon,d.lat]);
              if(d.lon=='113.5575191')
              return (local[0]-30);
              else return local[0];})
            .attr("y",function(d){
                  var local=projection([d.lon,d.lat]);
                  if(d.lat=='39.1439299') return (local[1]+10);
                    else return local[1];
              })
            .attr('fill','white')
            .attr('font-size','14px');
    });
}

--------------这是部分csv文件的数据---
id city lon lat
0 北京 116.395645 39.92998578
1 天津 117.2108131 39.1439299
2 上海 121.4878995 31.24916171
3 重庆 106.530635 29.54460611
4 呼和浩特 111.6603505 40.82831887

显示地图和每个城市的原点，原点旁边的城市名字都可以正常显示--
然后我想像显示原点一样，把显示原点的代码换成显示成光点，发光的点，刚学d3js 对html5也不是很熟，知道思路，奈何语法不熟悉啊！大牛帮帮忙呗！