Skip to content

🐛 [Bug] 绘制的多边形出来显示的面积和我使用turf计算的面积不一样 #189

@tbtnb

Description

@tbtnb

🐛 Bug description [Please make everyone to understand it]

绘制的多边形出来显示的面积和我使用turf计算的面积不一样

Please provide a link by forking these links L7 Draw or GitHub repo, a minimal reproduction.

  • Required Link to minimal reproduction:
  • 我使用turf计算的代码:
   const coordinates = drawInstance.getData()[0].geometry.coordinates[0]
   const poly = polygon([coordinates])
   const areaValue = area(poly)

我的areaOptions

const areaOptions = {
  format: (squareMeters: number) => {
    return squareMeters > 1000000
      ? `${+(squareMeters / 1000000).toFixed(2)}km²`
      : `${+squareMeters.toFixed(2)}m²`
  }
}

getData获取到的数据

[
	{
		"type": "Feature",
		"properties": {
			"id": "polygon-80",
			"isHover": false,
			"isActive": true,
			"isDrag": false,
			"isDraw": false,
			"createTime": 1748934351350,
			"nodes": [
				{
					"type": "Feature",
					"properties": {
						"id": "point-81",
						"isHover": false,
						"isActive": false,
						"isDrag": false,
						"createTime": 1748934351350
					},
					"geometry": {
						"type": "Point",
						"coordinates": [
							120.26191600075651,
							30.187804999610986
						]
					}
				},
				{
					"type": "Feature",
					"properties": {
						"id": "point-82",
						"isHover": false,
						"isActive": false,
						"isDrag": false,
						"createTime": 1748934351350
					},
					"geometry": {
						"type": "Point",
						"coordinates": [
							120.26228100070857,
							30.187753999614554
						]
					}
				},
				{
					"type": "Feature",
					"properties": {
						"id": "point-83",
						"isHover": false,
						"isActive": false,
						"isDrag": false,
						"createTime": 1748934351350
					},
					"geometry": {
						"type": "Point",
						"coordinates": [
							120.2629350006286,
							30.187461999625654
						]
					}
				},
				{
					"type": "Feature",
					"properties": {
						"id": "point-84",
						"isHover": false,
						"isActive": false,
						"isDrag": false,
						"createTime": 1748934351350
					},
					"geometry": {
						"type": "Point",
						"coordinates": [
							120.26227500070938,
							30.187001999613916
						]
					}
				},
				{
					"type": "Feature",
					"properties": {
						"id": "point-85",
						"isHover": false,
						"isActive": false,
						"isDrag": false,
						"createTime": 1748934351350
					},
					"geometry": {
						"type": "Point",
						"coordinates": [
							120.26179100077354,
							30.186977999609613
						]
					}
				}
			],
			"line": {
				"type": "Feature",
				"properties": {
					"id": "line-87",
					"isHover": false,
					"isActive": true,
					"isDrag": false,
					"isDraw": false,
					"createTime": 1748934351350,
					"nodes": [
						{
							"type": "Feature",
							"properties": {
								"id": "point-81",
								"isHover": false,
								"isActive": false,
								"isDrag": false,
								"createTime": 1748934351350
							},
							"geometry": {
								"type": "Point",
								"coordinates": [
									120.26191600075651,
									30.187804999610986
								]
							}
						},
						{
							"type": "Feature",
							"properties": {
								"id": "point-82",
								"isHover": false,
								"isActive": false,
								"isDrag": false,
								"createTime": 1748934351350
							},
							"geometry": {
								"type": "Point",
								"coordinates": [
									120.26228100070857,
									30.187753999614554
								]
							}
						},
						{
							"type": "Feature",
							"properties": {
								"id": "point-83",
								"isHover": false,
								"isActive": false,
								"isDrag": false,
								"createTime": 1748934351350
							},
							"geometry": {
								"type": "Point",
								"coordinates": [
									120.2629350006286,
									30.187461999625654
								]
							}
						},
						{
							"type": "Feature",
							"properties": {
								"id": "point-84",
								"isHover": false,
								"isActive": false,
								"isDrag": false,
								"createTime": 1748934351350
							},
							"geometry": {
								"type": "Point",
								"coordinates": [
									120.26227500070938,
									30.187001999613916
								]
							}
						},
						{
							"type": "Feature",
							"properties": {
								"id": "point-85",
								"isHover": false,
								"isActive": false,
								"isDrag": false,
								"createTime": 1748934351350
							},
							"geometry": {
								"type": "Point",
								"coordinates": [
									120.26179100077354,
									30.186977999609613
								]
							}
						},
						{
							"type": "Feature",
							"properties": {
								"id": "point-86",
								"isHover": false,
								"isActive": false,
								"isDrag": false,
								"createTime": 1748934351350
							},
							"geometry": {
								"type": "Point",
								"coordinates": [
									120.26191600075651,
									30.187804999610986
								]
							}
						}
					]
				},
				"geometry": {
					"type": "LineString",
					"coordinates": [
						[
							120.26191600075651,
							30.187804999610986
						],
						[
							120.26228100070857,
							30.187753999614554
						],
						[
							120.2629350006286,
							30.187461999625654
						],
						[
							120.26227500070938,
							30.187001999613916
						],
						[
							120.26179100077354,
							30.186977999609613
						],
						[
							120.26191600075651,
							30.187804999610986
						]
					]
				}
			}
		},
		"geometry": {
			"type": "Polygon",
			"coordinates": [
				[
					[
						120.26191600075651,
						30.187804999610986
					],
					[
						120.26228100070857,
						30.187753999614554
					],
					[
						120.2629350006286,
						30.187461999625654
					],
					[
						120.26227500070938,
						30.187001999613916
					],
					[
						120.26179100077354,
						30.186977999609613
					],
					[
						120.26191600075651,
						30.187804999610986
					]
				]
			]
		}
	}
]

我的turf版本是7.2.0

📷 Step to reproduce

🏞 Expected result

Image
antv的计算结果

Image
我使用turf的计算结果

🚑 Any additional [like screenshots]

  • L7Draw Version:3.1.5
  • Platform:MacOSX

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Type

    No type
    No fields configured for issues without a type.

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions