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上运行: