检查点是否与路径相交

时间:2017-08-25 04:43:49

标签: javascript d3.js

我有一张地图。在地图上我加载了几个地区(部门)。我也有一点意见,我想知道这一点是否与部门相交?#34; dpto_19"。

enter image description here

https://plnkr.co/edit/3Y1PdZNU0DucIMNOTWJO?p=preview

//add the circle on the map
var coordenadas=map.latLngToLayerPoint([coordinates[0].lat,coordinates[0].long]);
    svg.append('circle').attr("cx",position.x)
        .attr("cy", position.y)
        .attr("r", 5)
        .style("fill",'red')
        .style('pointer-events', 'all')
        .attr("class",'circulo_mapa')


//add the class each department
var oDeptos=[];
d3.selectAll('.leaflet-interactive').attr("class", function(d,i) { 
  oDeptos.push({"nombre":statesData.features[i].properties.NOMBRE_DPT, "clase":"dpto_"+statesData.features[i].properties.DPTO});        
  return d3.select(this).attr("class") + " " + "dpto_"+statesData.features[i].properties.DPTO; 
})

基本上我需要知道一个点是否与我提到的区域相交。例如,如果红色圆圈与具有类dpto_19的路径相交,我希望它返回true,否则返回false enter image description here

    //real coordinates lat, long
    var point=[coordinates[0].lat,coordinates[0].long];

    //the region with class dpto_19 in statesData.feature is the index 7
    console.log(statesData.features[7])
    console.log(d3.geoContains(statesData.features[7],point))

我是d3.js的新手,我不知道该怎么做。

0 个答案:

没有答案