画圆时如何准确地将米转换为经度或纬度

Question

注意：该问题并非特定于 Leaflet，而是一般的 GIS。

我试图在地图上画一条弧线。我有一个生成多边形点的函数，例如它可以在画布上工作，但不能在 Lng,Lat 地图上工作。

问题是我无法弄清楚如何将内/外半径从米转换为度（如 lng/lat），到目前为止我尝试的看起来更椭圆而不是圆形。

如何在地球上的任何一点（极地除外）准确地将米转换为经度或纬度？

这是我在画布上尝试（工作）的内容。

$(document).ready(function() {
    var d_canvas = document.getElementById('canvas');
    var c2 = d_canvas.getContext('2d');
    c2.fillStyle = '#f00';
    c2.beginPath();
    
    var fromDeg = 0;
    var toDeg = 90;
    var fromRad = getAngle(fromDeg);
    var toRad = getAngle(toDeg);
    var segments = 100;
    var step = getAngle(toDeg-fromDeg)/segments;
    var x = 250;
    var y = 250;
    var outR = 250;
    var inR = 230;
    c2.moveTo(x+(Math.sin(fromRad)*inR),y-(Math.cos(fromRad)*inR));
    //c2.moveTo(x,y);
    for (var i = fromRad; i<=toRad; i=i+step){
    	c2.lineTo(x+(Math.sin(i)*inR),y-(Math.cos(i)*inR));
    }
    //c2.closePath();
    for (var i = toRad; i>=fromRad; i=i-step){
    	c2.lineTo(x+(Math.sin(i)*outR),y-(Math.cos(i)*outR));
    }
    c2.lineTo(x+(Math.sin(fromRad)*inR),y-(Math.cos(fromRad)*inR));
    //c2.closePath();
    c2.stroke();
});

function getAngle(deg){
	var val = 2*(deg/360);
 	return Math.PI*val;
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<canvas id="canvas" width="500" height="500"></canvas>

这是我在传单地图上尝试过的（效果不佳）。

	 	var osmUrl = 'http://{s}.tile.osm.org/{z}/{x}/{y}.png',
	 	  osmAttrib = '&copy; <a href="http://openstreetmap.org/copyright">OpenStreetMap</a> contributors',
	 	  osm = L.tileLayer(osmUrl, {
	 	    maxZoom: 18,
	 	    attribution: osmAttrib
	 	  });

	 	 // initialize the map on the "map" div with a given center and zoom
	 	var map = L.map('map').setView([59.56667, 150.80000], 12).addLayer(osm);

	 	 // Script for adding marker on map click
	 	L.polygon(getPolygon()).addTo(map);

	 	function getPolygon() {
	 	  var fromDeg = 0;
	 	  var toDeg = 90;
	 	  var fromRad = getAngle(fromDeg);
	 	  var toRad = getAngle(toDeg);
	 	  var segments = 100;
	 	  var step = getAngle(toDeg - fromDeg) / segments;
	 	  var y = 150.84229;
	 	  var x = 59.55416;
	 	  var outR = 0.05; // <------ should be dynamic?
	 	  var inR = 0.025; // <------ this also?
	 	  var polygon = [];
	 	  polygon.push([x + (Math.sin(fromRad) * inR), y + (Math.cos(fromRad) * inR)]);
	 	  for (var i = fromRad; i <= toRad; i = i + step) {
	 	    polygon.push([x + (Math.sin(i) * inR), y + (Math.cos(i) * inR)]);
	 	  }
	 	  //c2.closePath();
	 	  for (var i = toRad; i >= fromRad; i = i - step) {
	 	    polygon.push([x + (Math.sin(i) * outR), y + (Math.cos(i) * outR)]);
	 	  }
	 	  polygon.push([x + (Math.sin(fromRad) * inR), y + (Math.cos(fromRad) * inR)]);
	 	  return polygon;
	 	}

	 	function getAngle(deg) {
	 	  var val = 2 * (deg / 360);
	 	  return Math.PI * val;
	 	}

#map {
  height: 500px;
  width: 80%;
}

<script src="http://cdn.leafletjs.com/leaflet-0.7.2/leaflet.js"></script>
<link href="http://cdn.leafletjs.com/leaflet-0.7.2/leaflet.css" rel="stylesheet" />
<script src="http://unpkg.com/leaflet-arc/bin/leaflet-arc.min.js"></script>
<div id="map"></div>

Answer 1

所以你原来的问题是

如何在地球上的任何一点（极地除外）准确地将米转换为经度或纬度？

但我的大脑将其读作

给定一个[lat, lng]点的距离d以米为单位，如何计算第二[lat2, lng2]点，这是d米从第一个点了吗？

如果您知道一些 GIS 术语，这与询问相同

如何解决直接测地线问题？

答案涉及椭球和大圆等数学概念。

但考虑到您正在使用 Javascript 和 Leaflet，我将直接跳到实际实现。

如果你需要一个超级准确的答案，你想看看GeographicLib 的 JS 实现，以及它解决直接测地线问题的方法。

如果您真的不关心准确性（特别是不关心极点的准确性），那么您想看看cheap-ruler，特别是它的destination(p, dist, bearing)方法。

还有更多的解决方案，比如使用以点为中心的等距地图投影，或者测地线问题的一些其他实现，或者一些turf.js 技巧，或者使用类似的方法在 JS 之外创建几何，或者其他什么。

这个问题已经解决了，所以我建议使用任何现有的解决方案。