如何在获取谷歌地图API中的坐标时显示人物移动的箭头方向

Question

如何在获取谷歌地图API中的坐标时显示人物移动的箭头方向

5

我是新手，想使用Google地图API。我的特定用例中有一个移动人员的坐标(纬度和经度)，我想在地图上显示它以及其方向。到目前为止，我已尝试了以下代码：

html file

<!DOCTYPE html>
<html>
<head>
<script type="text/javascript" src="https://www.google.com/jsapi"></script>
<script type="text/javascript">

google.load("visualization", "1", {packages:["map"]});
google.setOnLoadCallback(drawMap);
function drawMap() {
var arr = [
['Lat', 'Lon','data'],
[12.938419, 77.62224, '0'],
[12.938494, 77.622377, '0'],
[12.938369, 77.622449, '0'],
[12.938345, 77.622521, '0'],
[12.938322, 77.622575, '0'],
    [12.938346, 77.622631, '0'],
[12.938306, 77.622648, '0'],
[12.938299, 77.622695, '0'],
[12.938254, 77.622715, '0'],
[12.938242, 77.622761, '0'],
[12.938227, 77.622805, '0'],
[12.93819, 77.622792, '0'],
[12.938138, 77.622837, '0'],
[12.938129, 77.622887, '0'],
[12.938103, 77.622949, '0'],
[12.938066, 77.622989, '0'],
[12.938006, 77.622966, '0'],
[12.937933, 77.623001, '0'],
[12.937976, 77.623073, '0'],
[12.937954, 77.623128, '0'],
[12.937912, 77.623111, '0'],
[12.937882, 77.623034, '0'],
[12.937933, 77.623001, '0'],
[12.938006, 77.622966, '0'],
[12.937921, 77.62293, '0']
]
var data = google.visualization.arrayToDataTable(arr);
    var map = new google.visualization.Map(document.getElementById('map_div'));
    map.draw(data, {showTip: true, showLine: true, mapType: 'normal', useMapTypeControl:true, enableScrollWheel:true});

}
    </script>
        </head>
        <body>
        <div id="map_div" style="width: 800px; height: 600px"></div>
        </body>
        </html>

我得到的输出结果是 here 。

在我的实际场景中，我只有用户坐标，如何在这段代码中显示方向？

- Alok Agarwal

你只能从之前的坐标猜测方向。没有任何阻止他们在任何地方转向，直到你有足够的坐标指向正确的方向，否则你的箭头会错误。 - Mansfield

@Mansfield，我每5秒钟会得到它的连续坐标，因此我会在每个时间点上拥有它的准确位置。 - Alok Agarwal

@Mansfield 我不想在每个转弯处显示箭头，我想在一定距离后显示一些箭头。 - Alok Agarwal

我从未说过你无法获得准确的位置，你无法获得准确的方向，因为坐标没有方向信息。如果你只是根据先前的坐标猜测方向（听起来是这样），那么你没有问题。你实际上的问题是什么？（你希望得到什么样的答案？） - Mansfield

@Mansfield 嗯，我的方向将基于先前的坐标，但我无法弄清楚的是，如果在这里所做的内容中，仅凭查看屏幕，您无法找出起点和终点，因此我希望有一些箭头指向结束位置，显示这是起点和终点，或者他从哪里开始，他在哪里结束。 - Alok Agarwal

@Mansfield非常感谢您对我的问题感兴趣，我尝试了另一件事，请查看此链接jsfiddle.net/9gJjj/138，在这里您可以找到起点和终点，但是它只采用起点和终点坐标并使用Google API决定路径，是否有一种方法可以像我目前正在做的那样给出整个路径坐标或者在这个fiddle http://jsfiddle.net/doktormolle/9gJjj/箭头出现了，但它们不正确。 - Alok Agarwal

1个回答

网页内容由stack overflow 提供, 点击上面的

可以查看英文原文，
原文链接

- Dr.Molle · Accepted Answer

这不能通过使用可视化API实现，因为您必须能够在地图上绘制箭头（但您根本无法访问google.maps.Map实例）。

使用maps-JS-API很容易实现，通过使用IconSequence, 您可以在PolyLine上绘制符号，例如箭头（它会自动旋转到正确的方向）。

演示：http://jsfiddle.net/doktormolle/V3gMT/。