react-native-baidu-map
百度地图的React-Native版本
example
'use strict'; ; ; Component { return <View style=stylescontainer> <Text style=styleswelcome> React Native Baidu MapView! </Text> <BaiduMap style=flex:1 marker= 39963175 116440244 39903175 116490244 39923175 116490244 39953175 116490244 mode=2 //1. 普通 2.卫星 trafficEnabled=true //城市实时交通图 heatMapEnabled=true //城市实时交通热力图 /> </View> ; } var styles = StyleSheet; AppRegistry;
效果图
step 1 install
$ npm install baidumapkit --save
Step 2 - Update Gradle Settings
// file: android/settings.gradle... include ':baidumapkit', ':app'project(':baidumapkit').projectDir = new File(rootProject.projectDir, '../node_modules/baidumapkit')
Step 3 - Update app Gradle Build
// file: android/app/build.gradle... dependencies { ... compile project(':baidumapkit')}
Step 4 - Register React Package
update AndroidManifest.xml,填写申请的app的key
<!--地图要求的权限-->