当前位置: 首页 > 面试题库 >

反应本机和WMS

丁文轩
2023-03-14
问题内容

我正在React Native中开发一个需要使用Web Map
Services的移动应用程序。我尚未找到任何允许同时使用WMS并进行本机响应的库或框架。在React(Web)中,我找到了一个。我的问题是:

您是否知道是否存在允许我使用WMS和React Native的任何库或框架,或者是否有可能在React native中集成React(web)库?

谢谢!


问题答案:

我决定使用的方法如下:

  1. 使用WebViewfrom react-native。

  2. 使用openlayers。

从您的react-native类中声明render方法中的一个变量,其中包含来自openlayers映射的HTML代码:

` render() { var
html = ` <!DOCTYPE html> <html> <head> <title>Simple Map</title> <link
rel="stylesheet" href="https://openlayers.org/en/v3.20.0/css/ol.css"
type="text/css"> <!-- The line below is only needed for old environments like
Internet Explorer and Android 4.x --> <script
src="https://cdn.polyfill.io/v2/polyfill.min.js?features=requestAnimationFrame,Element.prototype.classList,URL"></script>
<script src="https://openlayers.org/en/v3.20.0/build/ol.js"></script> </head>
<body> <div id="map" class="map"></div> <script> var map = new ol.Map({
layers: [ new ol.layer.Tile({ source: new ol.source.OSM() }) ], target: 'map',
view: new ol.View({ center: [0, 0], zoom: 2 }) }); </script> </body> </html> `
`

然后将此变量传递给WebView: return ( <View style={styles.container}> <WebViewref={webview => { this.webview = webview; }} source={{html}}onMessage={this.onMessage}/> </View> ); } }

如果您想将react-native端与WebView端进行通信,请看一下react-native的WebView示例。

您可以在openlayers示例页面中找到更多示例。



 类似资料:
  • 因此,我得到了一个错误(在底部),很可能是由于我尝试卸载react native pathjs图表引起的。以下问题只存在于android上,而不存在于ios上。 /Users/a.lau/Projects/react-native/First_App/android/app/src/main/java/com/first_app/MainApplication.java: 7:错误:找不到符号导入

  • 我正在尝试为没有经验的霍尼韦尔CT50设备实施React Native Android模块。该模块将监听设备上内置激光扫描仪的扫描。 我已经在React本机站点上完成了正式的演练,我已经成功地设置了一个基本模块,可以在RN组件中接收到一个简单的值。到目前为止,我的代码如下所示: 霍尼韦尔CT50包装: 霍尼韦尔CT50模块: React Native Component(在组件中) 我正在努力理解

  • Raushane@Raushane:~/BigBuilder/Android$./Gradlew assembleRelease 失败:生成失败,出现异常。 > 其中:设置文件'/home/raushang/bigbuilder/Android/Settings.gradle'行:4 有人能建议一下现在该做什么吗。我是新来的本地人。

  • 我们正在构建一个react native 0.61.4应用程序,我们希望使用库react native ssl固定。在ios上运行时,ios证书和获取返回错误“已取消”存在问题。 我们遵循了https://www.npmjs.com/package/react-native-ssl-pinning的步骤。我不确定Usage ios中的第二步:(如果您使用证书钉住,请跳过此步骤)公钥钉住不需要额外的

  • 我尝试从数组中随机加载gif。我尝试了几种方法,但都没有奏效。我要么收到错误消息,要么图像就不会出现。 版本 1(结果:图像未显示): 版本2(结果:“无效调用”) 版本3(结果:无法加载图像): 有什么想法吗?

  • 我将安装Android studio并在其上运行react native,但它是否仍能为我提供iOS apk!?我听说我们不需要为iOS重写react本机代码。