如何应用地理位置坐标从 googlemaps 获取到特定地点的路线？

Posted 2023-02-23

技术标签:

【中文标题】如何应用地理位置坐标从 googlemaps 获取到特定地点的路线？【英文标题】：How can i apply geolocation coordinates to get directions to a specific place from googlemaps? 【发布时间】：2013-03-31 10:11:14 【问题描述】：

祝大家复活节快乐！

我正在尝试更多地了解 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"   
                    framehold="0" scrolling="no" margin margin
                    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】：

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

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

实现基本地图后，您可以使用 Google 路线服务显示两点之间的路线。文档是here。

【讨论】：

那么，我不能用 iframe 来做一些有趣的事情吗？ :) 您将无法以编程方式在其上放置标记或使用定向服务。此外，使用 api 代替 iframe 并不难，但更灵活。你会喜欢的。

以上是关于如何应用地理位置坐标从 googlemaps 获取到特定地点的路线？的主要内容，如果未能解决你的问题，请参考以下文章

Asp.net 如何将列表从代码隐藏发送到 javascript 以在 googlemap 中显示坐标