Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/406.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 如何在react native中集成开放式街道地图?_Javascript_Reactjs_React Native_Google Maps_Openstreetmap - Fatal编程技术网

Javascript 如何在react native中集成开放式街道地图?

Javascript 如何在react native中集成开放式街道地图?,javascript,reactjs,react-native,google-maps,openstreetmap,Javascript,Reactjs,React Native,Google Maps,Openstreetmap,我想用开放式街道地图代替谷歌地图, 所以我用它来处理 但是我在视图中看不到任何地图,所以我应该在设置它时添加一些东西吗 “我没有Google键,因为react本机地图需要它,所以这就是使用react本机地图osmdroid的原因” 截图 代码 import React,{Component}来自'React'; 从“react native”导入{Text,View}; 从'react native maps osmdroid'导入MapView,{Marker}; 类MapTest扩展组件{

我想用开放式街道地图代替谷歌地图, 所以我用它来处理

但是我在视图中看不到任何地图,所以我应该在设置它时添加一些东西吗

“我没有Google键,因为react本机地图需要它,所以这就是使用react本机地图osmdroid的原因”

截图

代码

import React,{Component}来自'React';
从“react native”导入{Text,View};
从'react native maps osmdroid'导入MapView,{Marker};
类MapTest扩展组件{
render(){
返回(
);
}
}
导出默认映射测试;

您仍然需要API密钥

实际的map实现取决于平台。在Android上,必须使用>谷歌地图,这反过来要求您获得Android SDK的API密钥


您可以免费获得API密钥。只需遵循

地图视图似乎已加载。按照安装说明,您仍然需要api密钥

如果没有问题,那么检查您的AndroidManifest.xml文件是否包含

<uses-permission android:name="android.permission.INTERNET" />


如果未将此行添加到AndroidManifest.xml和iOS,则必须在应用程序中配置应用程序传输安全性。

要获取API密钥,应创建一个计费帐户。所以我会添加我的visa卡信息,但我的visa卡不被谷歌接受。@OliverD我以前使用过谷歌地图和react native,从来没有输入过信用卡号码。@OliverD你可以从我那里获得API密钥。奇怪的是,我得到了它,但我不能无缘无故地启用方向使用它的主要原因我必须对静态点进行渲染,我想在它们之间绘制一个方向,并考虑地图中的真实路线,而不仅仅是一条线
<uses-permission android:name="android.permission.INTERNET" />