d3.js通过坐标在地图上画点

是的，可以使用d3.js在地图上绘制点，需要以下步骤：

1. 定义地图投影函数，将经纬度坐标转换为屏幕坐标。比如使用d3.geoMercator()投影函数。

2. 创建一个SVG元素，并将地图投影函数应用于它，以确保点的位置正确。

3. 通过d3.csv()函数从CSV文件或其他数据源中读取点的经纬度坐标。

4. 使用d3.selectAll()函数选择SVG元素，并使用data()函数将点的经纬度坐标绑定到元素上。

5. 使用enter()函数添加圆形元素，并使用地图投影函数将经纬度坐标转换为屏幕坐标，将圆心设置为屏幕坐标。

6. 设置圆形元素的半径、颜色等属性，以及添加事件监听器等操作。

以下是一个简单的示例代码：

//定义地图投影函数
var projection = d3.geoMercator();

//创建SVG元素
var svg = d3.select("body")
  .append("svg")
  .attr("width", 500)
  .attr("height", 500);

//从CSV文件中读取点的经纬度坐标
d3.csv("data.csv", function(data) {
  //绑定数据
  var circles = svg.selectAll("circle")
    .data(data);

  //添加圆形元素，并设置位置和半径
  circles.enter()
    .append("circle")
    .attr("cx", function(d) { return projection([d.lon, d.lat])[0]; })
    .attr("cy", function(d) { return projection([d.lon, d.lat])[1]; })
    .attr("r", 5)
    .attr("fill", "red");

  //添加事件监听器等操作
  circles.on("mouseover", function(d) {
    d3.select(this).attr("fill", "blue");
  })
  .on("mouseout", function(d) {
    d3.select(this).attr("fill", "red");
  });
});

注意：以上代码仅为示例，实际应用中需要根据具体需求进行修改。