mapbox是基于谷歌地图集成的地图插件,可以在很多平台使用,具体可以看mapbox官网。这里具体讲解“react-native-mapbox-gl”插件,是mapbox结合react native封装的地图插件,可以很好的实现在页面上呈现地图的效果。

demo地址:https://github.com/mapbox/react-native-mapbox-gl

mapbox官网:https://www.mapbox.com/

在iOS上运行:

1.下载demo后解压,接着进入example文件夹下,根据readme可知,需要添加一个json文件,存放tooken,因此如果没有mapbox账户,需要进入mapbox官网注册一个,就可以得到tooken,接着在根目录下添加‘env.json文件’,里面存放tooken

2.执行“npm install”命令下载插件

3.执行“react-native link”命令,link插件

4.执行“react-native run-ios”命令,在iOS上运行项目,就可以看到demo效果了

在android上运行:

05-22 05:37