防止在d3v5中的地图边界外平移

// 获取地图的边界坐标
var bounds = d3.geoBounds(geojson);

// 创建平移限制函数
var translateLimit = function(x, y) {
  var dx = x - projection.translate()[0],
      dy = y - projection.translate()[1],
      scale = projection.scale();

  // 判断是否超出边界
  if (dx > 0) {
    x = projection.translate()[0] + (bounds[1][0] - bounds[0][0]) * scale;
  } else if (dx < 0) {
    x = projection.translate()[0] - (bounds[1][0] - bounds[0][0]) * scale;
  }

  if (dy > 0) {
    y = projection.translate()[1] + (bounds[1][1] - bounds[0][1]) * scale;
  } else if (dy < 0) {
    y = projection.translate()[1] - (bounds[1][1] - bounds[0][1]) * scale;
  }

  return [x, y];
};

// 应用平移限制函数
var zoom = d3.zoom()
  .translateExtent([translateLimit, translateLimit])
  .on("zoom", zoomed);

// 缩放和平移地图时触发的函数
function zoomed() {
  // 更新地图的平移和缩放
  projection.translate(d3.event.transform.x, d3.event.transform.y);
  projection.scale(d3.event.transform.k);

  // 更新地图的路径
  mapPath.attr("d", path);
}

// 将zoom应用到SVG元素上
svg.call(zoom);