D3：在地图上展开多边形

Question

我正在研究D3上的一些不同的地图可视化。我有geoJson数据和一个有一些.on（“mouseover”）函数的地图来设置它。

现在，我想在鼠标悬停时扩展多边形的大小。使用矩形或圆形，我可以编写一个函数来扩展宽度或半径。有谁知道怎么做呢？

以下是我的代码示例：

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

var g = svg.append( "g" );

var albersProjection = d3.geo.albers()
  .scale( 190000 )
  .rotate( [71.057,0] )
  .center( [0, 42.313] )
  .translate( [width/2,height/2] );

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


var mapProperties = g.selectAll( "path" )
  .data(data.features, function(d, i) {return d + i})
  .enter()
  .append( "path" )
  .attr( "fill", "#150000" )
  .attr( "d", geoPath )
  .style("stroke", "#FFFFFF")
  .style("stroke-width", 2)