当前位置:   article > 正文

echars根据geojson地块坐标数据coordinates计算地图地块的中心点_echarts 地图中心点

echarts 地图中心点

echarts地图根据地块名称获取地块的中心坐标。实现在中心位置放置标记。
需要放置数据的地块名称的数据格式:
mapData: [
        {name: '江苏省', value: 500},
        {name: '上海市', value: 10}
],
计算中心代码:

  1. // this.geoData是中国地图的geojson格式数据
  2. // this.mapData是需要计算中心点的省份名称数据
  3. for (let item of this.mapData) {
  4. //从地图数据中拿到坐标
  5. for ( let area of this.geoData.features){
  6. if (item.name === area.properties.name){
  7. let coordinates;
  8. // 判断是否是多块的地图
  9. if (area.geometry.type === 'MultiPolygon') {
  10. coordinates = area.geometry.coordinates[0][0]
  11. } else {
  12. coordinates = area.geometry.coordinates[0]
  13. }
  14. //计算中心点
  15. let x = 0, y = 0, count = 0;
  16. for (let i = 0; i < coordinates.length; i++) {
  17. x += coordinates[i][0];
  18. y += coordinates[i][1];
  19. count++;
  20. }
  21. this.pointData.push({
  22. name: item.name,
  23. value: [x / count, y / count],
  24. data: item.value
  25. })
  26. // this.pointData.push({
  27. // name: item.name,
  28. // value: area.properties.center,
  29. // data: item.value
  30. // })
  31. }
  32. }
  33. }

声明:本文内容由网友自发贡献,不代表【wpsshop博客】立场,版权归原作者所有,本站不承担相应法律责任。如您发现有侵权的内容,请联系我们。转载请注明出处:https://www.wpsshop.cn/w/小惠珠哦/article/detail/941080
推荐阅读
  

闽ICP备14008679号