在Cordova / Phonegap中使用JavaScript的Google導航

Question

我正在使用基於HTML，javascript和css的telerik appbuilder的cordova應用程序和適用於iOS和android的Google Maps API v3開發應用程序。 我有兩個點A和B，分別具有不同的緯度和經度，我可以使用Google API在地圖上顯示從A到B的路徑。

現在，我想在應用程序本身中從A導航到B。 我不想為ios或android中可用的地圖打開本機應用程序。

我不知道如何從A導航到B？ 作為其實時應用程序，它將顯示我當前的位置。 為了進行導航，它將顯示我的當前位置，從A開始，並將根據我的當前位置移動到B。

希望有人能讓我知道任何好的解決方案。

Answer 1

我不明白為什么您不想使用本機導航應用程序進行導航。 要在自己的應用程序中執行此操作，您將必須有效編寫自己的Google Navigator / Apple Maps版本並將其嵌入到您的應用程序中，因為沒有機制可以將本機導航應用程序功能嵌入到您的應用程序中。

這是將位置A和B傳遞到本地導航應用程序的簡便得多的解決方案- 這個cordova / phonegap插件將允許您執行此操作。

另一種選擇是使用Cordova子瀏覽器中的google maps網站顯示導航方向； 這樣，用戶不會離開您的應用程序：

window.plugins.ChildBrowser.showWebPage('https://www.google.com/maps?saddr=' + latA + ',' + lonA + '&daddr=' + latB + ',' + lonB + '', {
    showLocationBar: true
});

Answer 2

謝謝回復。

我已經使用下面的給定鏈接實現了導航-https: //github.com/dpa99c/phonegap-launch-navigator/

我已經給出了如下所示的代碼。

                launchnavigator.navigate("aSourceAddress", "bDestinationAddress",
                function () {
                    alert("plugin success map");
                },
                function (error) {
                    alert("plugin error: " + error);
                },
                {
                    preferGoogleMaps: true,
                    urlScheme: "TestMap2",
                    backButtonText: "TestMap2"
                });

它切換到谷歌地圖應用程序和完美的導航。 但是，到達目的地后，它不會自動返回到我們的應用程序。

我還使用了可從以下位置獲得的自定義URL插件-https ://github.com/Telerik-Verified-Plugins/Custom-URL-scheme