如何应用地理位置坐标从googlemaps获取指向特定位置的路线?

时间:2013-03-31 10:11:14

标签: javascript jquery html5 google-maps geolocation

大家复活节快乐!

我正在尝试更多地了解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),怎么能我现在使用这些坐标在我的地图上显示方向,就像谷歌地图一样?

任何关于此的帮助或有价值的链接将不胜感激! /比尔

1 个答案:

答案 0 :(得分:2)

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

启动here以了解如何使用Maps Api v3显示基本地图。

实施基本地图后,您可以使用Google Directions Service显示两点之间的路线。文档为here