在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