Javascript 谷歌地图多边形距离（米）

如何使用GoogleMapAPI实现这一点

两边的仪表

如果我右键单击google maps distance，我可以制作如下内容：

---

基本上，我希望我正在绘制的多边形看起来像第一个或第二个图像。（我需要标签）这可能吗？

我不确定我是否正确理解了你的问题。。。 但球体上两个经纬度点之间的距离可以使用

Javascript实现

rad = function(x) {return x*Math.PI/180;}

distHaversine = function(p1, p2) {
  var R = 6371; // earth's mean radius in km
  var dLat  = rad(p2.lat() - p1.lat());
  var dLong = rad(p2.lng() - p1.lng());

  var a = Math.sin(dLat/2) * Math.sin(dLat/2) +
          Math.cos(rad(p1.lat())) * Math.cos(rad(p2.lat())) * Math.sin(dLong/2) * Math.sin(dLong/2);
  var c = 2 * Math.atan2(Math.sqrt(a), Math.sqrt(1-a));
  var d = R * c;

  return d.toFixed(3);
}

我认为google maps api中已经有了一个实现

google.maps.geometry.spherical.computeDistanceBetween (latLngA, latLngB);

如果您在绘制多边形时遇到问题，请查看下面的谷歌地图示例

您可能需要为标记做一些自定义文本覆盖。 可能使用以下来源的

MapLabel

类：

---

或者您可以简单地创建一些自定义多边形并绘制它们。对所有数字来说可能都有点麻烦。

我已经在用多边形绘制谷歌地图了，我希望每个多边形的侧面都有标签。这更好地描述了问题，即使在使用ELabels for V3时，该代码也无法工作。我也希望旋转标签，因为它显示在我的图像中。或者最好是，在我的第二张图片中有类似的东西。

var mapLabel = new MapLabel({
           text: 'Test',
           position: new google.maps.LatLng(50,50),
           map: map,
           fontSize: 20,
           align: 'right'
         });