如何在React Native中加载Google Places API?

srlrs20020

我正在尝试在本机反应中使用Google Places API。我首先尝试使用fetch直接发出请求,但我只是看到您必须使用Google提供的现有类/对象,例如PlacesService搜索包含您的API对象的React Native库只会显示一些具有自动完成功能的库,而没有太多其他的库。

Places API文档说使用以下URL加载库: <script type="text/javascript" src="https://maps.googleapis.com/maps/api/js?key=YOUR_API_KEY&libraries=places"></script>

对于我来说,这在常规的Web开发人员中是直截了当的,但在React Native中却不是。在React Native中加载这样的库的标准过程是什么?

现在,我已经将上面链接中的JS内容复制并粘贴到了我的React Native项目中的文件中。但是,我什至不知道如何导出它,因为我无法真正分辨出对象/函数的名称。谷歌 ?谷歌地图 ?

现在我正在做:

export default google.maps

并尝试了

export default google

但是这些都抛出此错误:

cannot read property 'createElement' of undefined

这是我的第一个React Native项目,所以如果这是一个基本问题,我感到抱歉。

谢谢您的帮助。

特拉维斯·怀特

but I just saw that you have to use the existing classes/objects provided by Google

我不知道那是什么意思。可以通过fetch / api请求完成Places api。react-native-google-placeshttps://github.com/FaridSafi/react-native-google-places-autocomplete/blob/master/GooglePlacesAutocomplete.js#L227中查看效果如何它们使用a,new XMLHttpRequest();fetch()也可以使用它是Web API,我认为您不需要运行任何外部javascript /加载任何外部js文件。

本文收集自互联网,转载请注明来源。

如有侵权,请联系 [email protected] 删除。

编辑于
0

我来说两句

0 条评论
登录 后参与评论

相关文章