0

大家复活节快乐！

我正在尝试更多地了解 html5 中的地理位置。我正在使用来自estebanav @ github的 geoPosition.js 。（遵循 phpacademy 的教程）

到目前为止，我能够使用以下代码获取潜在用户的坐标（我正在提醒）：

<!DOCTYPE html>
<html>
    <head>
        <meta charset=utf-8>
        <title>Test</title>
    </head>
    <body>

        <a href="#" id="get_location">Get location</a>
        <div id="map">
            <iframe id="google_map" width="450" height="500" 
                    framehold="0" scrolling="no" marginheight="0" marginwidth="0"
                    src="https://maps.google.se?output=embed"></iframe>
        </div>


        <script src="js/geoPosition.js"></script>
        <script>

        document.getElementById('get_location').onclick = function() {
            var success = function(pos) {
                var lat     = pos.coords.latitude,
                    long    = pos.coords.longitude,
                    coords  = lat + ',' + long;

                alert(coords);
            }

            var error = function() {
                alert('Geolocation not supported...');
            }

            if (geoPosition.init()) {
                geoPosition.getCurrentPosition(success, error);
            }

            return false;
        }
        </script>
    </body>
</html>

我真的很想，现在学习如何获取这些坐标并将它们用作方向的起点。

例如：假设我生成的坐标变量 coords 是位置 (58.408221,15.564322)，我有一个目标点，例如变量goal_point，它的坐标为 (58.418954, 15.600543)，我现在如何使用这些坐标在我的地图上显示方向，就像谷歌地图一样？

任何有关此的帮助或有价值的链接将不胜感激！/账单

4

1 回答 1

2

首先，您需要开始使用 Google Maps api 而不是 iframe。

从这里开始了解如何使用 Maps Api v3 显示基本地图。

实现基本地图后，您可以使用 Google Directions Service 显示两点之间的路线。文档在这里。

于 2013-03-31T10:37:33.243 回答