Android react-native WebView无法打开谷歌地图

是因为WebView默认不支持加载谷歌地图的JavaScript API。要解决这个问题，可以通过以下步骤：

确保你的Android设备已经安装了谷歌地图应用。如果没有安装，可以通过Google Play商店下载安装。
在WebView中启用JavaScript和地理位置权限。在WebView的设置中，需要设置以下两个属性为true：webView.getSettings().setJavaScriptEnabled(true); webView.getSettings().setGeolocationEnabled(true);
在WebView加载网页之前，需要注册一个WebChromeClient，并重写onGeolocationPermissionsShowPrompt方法，以允许地理位置权限：webView.setWebChromeClient(new WebChromeClient() { @Override public void onGeolocationPermissionsShowPrompt(String origin, GeolocationPermissions.Callback callback) { callback.invoke(origin, true, false); } });
在React Native中，可以使用react-native-webview库来创建WebView组件。确保你已经安装了该库，并按照上述步骤进行设置。
在应用中加载谷歌地图时，可以使用谷歌地图的JavaScript API。可以通过在WebView中加载包含地图的HTML文件来实现。以下是一个简单的示例：import { WebView } from 'react-native-webview';

const MapScreen = () => {

   const html = `

       <html>

       <head>

           <script src="https://maps.googleapis.com/maps/api/js?key=YOUR_API_KEY"></script>

       </head>

       <body>

           <div id="map" style="width: 100%; height: 100%;"></div>

           <script>

               // 在这里编写使用谷歌地图的JavaScript代码

           </script>

       </body>

       </html>

`;

   return <WebView source={{ html }} />;

};

请注意，上述示例中的YOUR_API_KEY需要替换为你自己的谷歌地图API密钥。你可以在谷歌云平台上创建一个项目并获取API密钥。

推荐的腾讯云相关产品：腾讯云移动应用分析（MTA），腾讯云移动推送（TPNS），腾讯云移动测试（MTS）。

腾讯云移动应用分析（MTA）是一款提供移动应用数据分析服务的产品，可以帮助开发者深入了解用户行为、应用使用情况等数据，从而优化应用性能和用户体验。了解更多信息，请访问：腾讯云移动应用分析（MTA）

腾讯云移动推送（TPNS）是一款提供移动消息推送服务的产品，可以帮助开发者实现消息推送功能，向用户发送通知、提醒等消息。了解更多信息，请访问：腾讯云移动推送（TPNS）

腾讯云移动测试（MTS）是一款提供移动应用测试服务的产品，可以帮助开发者进行移动应用的自动化测试、性能测试等，提高应用质量和稳定性。了解更多信息，请访问：腾讯云移动测试（MTS）

Android react-native WebView无法打开谷歌地图

android、webview、react-native

似乎使用WebView打开谷歌地图(即)会导致致命错误。函数'onNavigationStateChange‘将被调用无限次。我将navState参数打印到日志中，输出如下：var ReactNative = require('react-native'); App

浏览 22提问于2016-08-01得票数 0

2回答

如何在浏览器中打开react native上的webview中的intent://链接？

react-native、webview、android-webview

我想从我的网页视图打开谷歌地图应用程序中的谷歌地图链接。有没有可能在外部浏览器中打开链接，然后转到google地图？这是我正在使用的代码 <WebView ref={this.WEBVIEW_REF

浏览 29提问于2020-10-02得票数 1

1回答

从webview应用程序打开google地图应用程序上的地址链接

android、google-maps、webview

我有一个目录网站，当我使用移动网络浏览器的地址链接打开在谷歌地图应用程序很好，然后当尝试与我的webview应用程序，它返回到谷歌地图网站，所以它无法解析我的位置.我想打开与谷歌地图应用程序的链接… // When user clicks a hyperlink, load in the exi

浏览 0提问于2016-11-23得票数 0

3回答

无法在本机webview中打开google地图

reactjs、react-native

我想显示谷歌地图导航页面的方向。为了做到这一点，我在react本机(Android)的webview中打开谷歌地图url。这是我的鳕鱼： source={{uri: 'http://maps.google.com/mapsdaddr=28.69875679999999,77.29257710000002

浏览 3提问于2016-08-26得票数 2

回答已采纳

1回答

在模拟器中google-map片段应用程序崩溃后打开WebView活动

android、google-maps、webview

打开谷歌地图碎片后的WebView活动，应用程序正在崩溃，如果我会隐藏谷歌地图碎片没有任何问题，WebView将顺利工作，没有崩溃。在android设备上，它工作正常，没有任何问题。在以下情况下，应用程序在模拟器中崩溃： CheckoutActivity(存在谷歌地图片段) -> PayActivity(WebView) 如果我禁用google-map片段，它就可以工作在logcat中，我

浏览 16提问于2020-09-26得票数 1

回答已采纳

1回答

我转换与谷歌地图到Android应用程序的网站。Android应用程序中未显示Google地图

javascript、c#、android、asp.net、android-studio

当我在Chrome浏览器中打开一个网站时，一切正常，谷歌地图可见，但在转换后的Android应用程序中，谷歌地图不可见。怎么可能修复呢？android.webkit.WebView;import android.webkit.WebViewClient;

浏览 12提问于2019-07-14得票数 2

1回答

使用webview打开地图url时出现的问题

android、android-webview

我正在使用WebView打开地图url (这是我通过谷歌地图分享对话框获得的)。val webView = findViewById<WebView>(R.id.webview)webSettings.javaScriptEnabled= true webView.webViewClient = WebVie

浏览 42提问于2020-10-19得票数 0

回答已采纳

2回答

在android 2.1上使用google地图api (Api 7)

android、google-maps

我想知道如何在我的应用程序中使用谷歌地图应用程序接口。我找到了谷歌安卓2.1的附加工具库，其中包含it.But中的maps.jar，谷歌说地图应用程序接口在安卓2.2+.So中是受支持的，我想知道我是否可以使用地图应用程序接口或not.If，是的，那么请给我提供任何例子

浏览 3提问于2013-04-22得票数 0

回答已采纳

1回答

仅使用Javascript从android webview打开Google地图或新浏览器

javascript、android、google-maps、webview

我有一个问题，我需要在Android上打开谷歌地图应用程序从点击webview。我所有的搜索结果都是修改android代码中的webview设置。我不能这样做。我只能访问在网页视图中打开的网页。我不能在android中修改java，我必须在页面上使用Javascript。window.location.href = ，但我只能在网页上打开地图，而不是应用程序。Window.open

浏览 0提问于2015-06-09得票数 1

2回答

无法在安卓WebView中显示谷歌地图

android、google-maps、webview

我有一个已经集成了谷歌地图api的aspx页面，可以显示谷歌地图，然后我想在android网页视图中显示它，但网页视图不能显示谷歌地图。此aspx页面可以在android浏览器中完美运行。下面是Logcat打印：I/210: INFO: C

浏览 72提问于2016-08-03得票数 0

1回答

在Kindle webview中未显示Google地图引擎

android、google-maps、webview、kindle-fire

我正在网页视图中打开一个谷歌地图引擎URL，它可以正确地打开主页，但当我单击“打开地图”或“创建新地图”时，它除了顶部菜单栏之外没有显示任何内容。点击按钮“创建新地图”后，它向我展示了下面的图片。点击“打开地图”，它向我显示了选择地图的选项，但我无法选择这些选项。如果我碰巧能够选择选项，它会再次向我显示这张空白图片。我将Webview客户端与Kindle U

浏览 2提问于2013-11-25得票数 0

1回答

从webview中打开本地地图

java、android

webview链接到一个移动网页，其中所有链接都正常工作。当我点击此网页视图中的一个链接时，该链接将在网页视图内的google地图中打开。相反，我希望链接打开原生的谷歌地图应用程序。mapIntent = new Intent(Intent.ACTION_VIEW, gmmIntentUri);} 这是我的代码： package c

浏览 36提问于2019-12-25得票数 0

1回答

如何在android中打开"google.navigation:q=<someLocation>“？

android、google-maps、webview、navigation

如何在android中打开"google.navigation:q=“？这个URL打开单独的谷歌地图应用程序，但我希望它出现在我的网页视图，以便我可以显示它下面的其他信息。= null) { }

浏览 0提问于2019-01-02得票数 1

回答已采纳

1回答

某些url不能由react-native webview打开

react-native

我有一个网站，我确信我可以在PC浏览器或移动浏览器中打开它，直到我使用React-Native Android Webview组件。这个WebView组件，我可以用它打开一些url，比如m.facebook.com，但是不能打开我的网站，不知道为什么，我设置了一些WebView的道具，比如automaticallyAdjustContentInsets当我使用FB示例UIExplorer时，它对打开m.facebook.com很有效，

浏览 0提问于2016-03-03得票数 2

1回答

在webview中使用谷歌地图

android、dictionary、webview

我试图在网页上显示谷歌地图，但问题是当我试图打开它时，它在谷歌地图应用程序或任何其他浏览器的手机上打开。public class WebViewActivity extends Activity { supe

浏览 4提问于2015-04-24得票数 0

1回答

如何在打开其他应用程序后返回我的应用程序？

iphone、maps

我在我的iphone应用程序中有一个webview，其中谷歌地图位置是这样打开的；在android中它更容易，因为总是有一个后退按钮，在查看我的gmap后，我只需返回到我的网页视图。

浏览 8提问于2010-05-25得票数 1

1回答

我是否遗漏了从android webview打开google地图的内容

java、android、google-maps、android-studio、webview

我是android编程环境的新手，正在创建我的第一个应用程序。我正在尝试让webview打开谷歌地图时，在webview中点击了谷歌地图链接。我是不是漏掉了什么，为什么它仍然在webview中打开链接，而不是执行google地图？当它在webview中打开时，它会很好地显示目的地，但不会显示我的位置，并且无法在显示的页面底部确定我的位置这是Ma

浏览 5提问于2018-01-12得票数 0

回答已采纳

1回答

当拖动google地图时Android6.0崩溃

android、angularjs、ionic-framework

当我试图拖动和移动谷歌地图，应用程序崩溃时，我的应用程序出现了错误，它向我展示了android的经典错误“不幸的是，应用程序停止了”。这个问题发生在android上，而且只发生在一些设备上，例如，设备Nexus 6和6.0.1(android版本)。重现问题的步骤：应用程序崩溃，并带有“不幸的是应用程序被停止”的

浏览 1提问于2016-01-20得票数 1

5回答

如何打开应用程序中的浏览器窗口以响应本机？

react-redux、react-native、react-native-ios

当我点击一个URL ( iOS和Android)时，我试图打开浏览器窗口而不离开应用程序。行为应该如下(在airbnb应用程序示例中)：我该怎么做？是否需要使用任何指定的现有库？

浏览 19提问于2017-08-06得票数 15

2回答

work浏览器android应用程序无法正常工作

java、android、android-intent、browser

我已经在我的android应用程序中添加了一个网页浏览器(webview)，但例如，当我访问一个网站，里面有一个呼叫或导航按钮，比如google或电话簿页面，它只显示无法打开电话:某个号码。如果是导航按钮，应该会打开拨号器或谷歌地图。我该怎么处理呢？请帮帮忙package com.mysoftware.mysoftwareos.launcher; import android

浏览 5提问于2012-10-05得票数 0

点击加载更多

扫码

添加站长进交流群

领取专属 10元无门槛券

手把手带您无忧上云

Android react-native WebView无法打开谷歌地图

相关·内容

Android react-native WebView无法打开谷歌地图

如何在浏览器中打开react native上的webview中的intent://链接？

从webview应用程序打开google地图应用程序上的地址链接

无法在本机webview中打开google地图

在模拟器中google-map片段应用程序崩溃后打开WebView活动

我转换与谷歌地图到Android应用程序的网站。Android应用程序中未显示Google地图

使用webview打开地图url时出现的问题

在android 2.1上使用google地图api (Api 7)

仅使用Javascript从android webview打开Google地图或新浏览器

无法在安卓WebView中显示谷歌地图

在Kindle webview中未显示Google地图引擎

从webview中打开本地地图

如何在android中打开"google.navigation:q=<someLocation>“？

某些url不能由react-native webview打开

在webview中使用谷歌地图

如何在打开其他应用程序后返回我的应用程序？

我是否遗漏了从android webview打开google地图的内容

当拖动google地图时Android6.0崩溃

如何打开应用程序中的浏览器窗口以响应本机？

work浏览器android应用程序无法正常工作

扫码

相关资讯

热门标签

活动推荐

运营活动

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐