在Google地图点之间添加行

时间:2016-04-15 19:58:17

标签: javascript jquery google-maps google-maps-api-3

我有两点可能有不同的长度。其中有一条线。我需要取这两点之间的值。然后在顶部添加一行另一种颜色。但是这条线应该在1到1000米之间,根据用户的选择并根据2点的大小。如果它们高于1000米,我添加一条或更小的线。如何使用Google地图?

var flightPlanCoordinates = [
    {lat: marker.getPosition().lat(), lng: marker.getPosition().lng()},
    {lat: satelite.getPosition().lat(), lng: satelite.getPosition().lng()}
];
var flightPath = new google.maps.Polyline({
    path: flightPlanCoordinates,
    geodesic: true,
    strokeColor: '#FF9800',
    strokeOpacity: 1.0,
    strokeWeight: 4
});

flightPath.setMap(map);

例如:

enter image description here

2 个答案:

答案 0 :(得分:0)

想要什么可以用插值函数解决。只需计算2点之间的距离,即可获得所需胶片的百分比并进行插值。

 google.maps.geometry.spherical.interpolate(Point1, Point2, 10%);

Interpolate()

答案 1 :(得分:-1)

借助Geometry库,计算两点之间的距离非常简单。您所要做的就是调用computeDistanceBetween()函数并将其传递给两个LatLng对象。

desktop = game.device.desktop;