’
export
default
class BaiDuMapDemo extends Component {
render() {
return (
<
BaiduMapDemo
/>
);
}
}
AppRegistry.registerComponent(
'BaiDuMapDem
o’, () =>
BaiDuMapDemo);
2.Android运行
(1)在settings.gradle中添加以下内容
include
‘:react-native-baidu-map’
project(‘:react-native-baidu-map’)
.projectDir =
new File(settingsDir,
‘…/node_modules/react-native-baidu-map/android’)
(2)在build.gradle中添加:
compile project(':react-native-baidu-map')
(3) 修改MainApplication.Java 文件
添加:new BaiduMapPackage(getApplicationContext())
例如:
@Override
protected List<ReactPackage> getPackages() {
return Arrays.<ReactPackage>asList(
new MainReactPackage(),
new BaiduMapPackage(getApplicationContext())
);
}
(4) 修改AndroidMainifest.xml 文件
此文件有2处需要配置:
1)配置各种权限
2)添加com.baidu.lbsapi.API_KEY
完整权限配置:
<uses-permission android:name=“android.permission.ACCESS_COARSE_LOCATION”>
</uses-permission>
<uses-permission android:name=“android.permission.ACCESS_FINE_LOCATION”>
</uses-permission>
<uses-permission android:name=“android.permission.ACCESS_WIFI_STATE”>
</uses-permission>
<uses-permission android:name=“android.permission.INTERNET” />
<uses-permission android:name=“android.permission.SYSTEM_ALERT_WINDOW”/>
<uses-permission android:name=“android.permission.ACCESS_NETWORK_STATE”/>
<uses-permission android:name=“com.android.launcher.permission.READ_SETTINGS” />
<uses-permission android:name=“android.permission.WAKE_LOCK”/>
<uses-permission android:name=“android.permission.CHANGE_WIFI_STATE” />
<uses-permission android:name=“android.permission.ACCESS_WIFI_STATE” />
<uses-permission android:name=“android.permission.WRITE_EXTERNAL_STORAGE”/>
<uses-permission android:name=“android.permission.WRITE_SETTINGS” />
<uses-sdk
android:minSdkVersion
=
“16”
android:targetSdkVersion
=
“22”
/>
<application
android:name
=
“.MainApplication”
android:allowBackup
=
“true”
android:label
=
“@string/app_name”
android:icon
=
“@mipmap/ic_launcher”
android:theme
=
“@style/AppTheme”
>
<meta-data
android:name
=
“com.baidu.lbsapi.API_KEY”
android:value
=
“3Hk70Z0e6N3hDRQZwuLFAlgLqB5B4ak7”
/>
注意:API_key需要自己去百度地图API申请!
(5)运行
使用命令运行项目:
npm
install
react-
native
run
-android
最后
我见过很多技术leader在面试的时候,遇到处于迷茫期的大龄程序员,比面试官年龄都大。这些人有一些共同特征:可能工作了5、6年,还是每天重复给业务部门写代码,工作内容的重复性比较高,没有什么技术含量的工作。问到这些人的职业规划时,他们也没有太多想法。
其实30岁到40岁是一个人职业发展的黄金阶段,一定要在业务范围内的扩张,技术广度和深度提升上有自己的计划,才有助于在职业发展上有持续的发展路径,而不至于停滞不前。
不断奔跑,你就知道学习的意义所在!
《Android学习笔记总结+移动架构视频+大厂面试真题+项目实战源码》,点击传送门,即可获取!
android:label
=
“@string/app_name”
android:icon
=
“@mipmap/ic_launcher”
android:theme
=
“@style/AppTheme”
>
<meta-data
android:name
=
“com.baidu.lbsapi.API_KEY”
android:value
=
“3Hk70Z0e6N3hDRQZwuLFAlgLqB5B4ak7”
/>
注意:API_key需要自己去百度地图API申请!
(5)运行
使用命令运行项目:
npm
install
react-
native
run
-android
最后
我见过很多技术leader在面试的时候,遇到处于迷茫期的大龄程序员,比面试官年龄都大。这些人有一些共同特征:可能工作了5、6年,还是每天重复给业务部门写代码,工作内容的重复性比较高,没有什么技术含量的工作。问到这些人的职业规划时,他们也没有太多想法。
其实30岁到40岁是一个人职业发展的黄金阶段,一定要在业务范围内的扩张,技术广度和深度提升上有自己的计划,才有助于在职业发展上有持续的发展路径,而不至于停滞不前。
不断奔跑,你就知道学习的意义所在!
[外链图片转存中…(img-HGLdpZD4-1715865803823)]
[外链图片转存中…(img-qsmg4p5e-1715865803827)]
《Android学习笔记总结+移动架构视频+大厂面试真题+项目实战源码》,点击传送门,即可获取!