ReactNative 百度地图

’

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-mrXTL1k4-1714789399018)]

[外链图片转存中…(img-SORgVwFm-1714789399019)]
《Android学习笔记总结+移动架构视频+大厂面试真题+项目实战源码》，点击传送门，即可获取！