Google 在 Cordova/Phonegap 中使用 javascript 进行导航

Question

我正在使用基于 HTML、javascript 和 css 的 telerik appbuilder 的 cordova 应用程序和 Google Maps API v3 开发应用程序 iOS 和 android。我有 2 个点 A 和 B，每个点都有不同的纬度和经度，我可以使用 Google API.

在地图上显示从 A 移动到 B 的路径

现在我想在应用程序本身中进行从 A 到 B 的导航。我不想打开 ios 或 android 中可用地图的本机应用程序。

我不知道如何进行从 A 到 B 的导航？作为一个实时应用程序，它会显示我当前的位置。对于导航，它会显示我的当前位置，从 A 开始，然后根据我的当前位置移动到 B。

希望有人能告诉我有什么好的解决办法。

Answer 1

我不明白您为什么不想使用本机导航应用程序进行导航。要在您自己的应用程序中执行此操作，您必须有效地编写自己的 Google Navigator/Apple 地图版本并将其嵌入到您的应用程序中，因为没有可以嵌入本机导航应用程序功能的机制在您的应用程序中。

将位置 A 和 B 传递给本机导航应用程序是一种更简单的解决方案 - this cordova/phonegap plugin 将允许您这样做。

另一种方法是在 cordova 子浏览器中使用 google 地图网站显示导航方向；这样用户就不会离开您的应用：

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

Answer 2

感谢回复。

我已经使用下面给定的 link 实现了导航- 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"
                });

它切换到 google 地图应用程序并完美导航。但是当我们到达目的地后，它不会自动返回到我们的应用程序。

我还使用了自定义 URL 插件，可从- https://github.com/Telerik-Verified-Plugins/Custom-URL-scheme

Google 在 Cordova/Phonegap 中使用 javascript 进行导航

Google navigation using javascript in Cordova/Phonegap

javascript

google-maps

cordova

phonegap-gmaps-plugin