react-native-civimanager-map v1.0.0

地图组件使用描述文件 第一步：安装组件 npm i react-native-gd-map --save

第二步：手动配置权限等： Android配置： 1.在android/setting.gradle文件中添加以下语句,将程序包引入到项目中 include ':react-native-gd-map' project(':react-native-gd-map').projectDir = new File(rootProject.projectDir, '../node_modules/react-native-gd-map/android')

2.在android/app/build.gradle文件的dependencies下添加项目依赖 compile project(':react-native-gd-map')

3.在android/app/src/main/java/com/mymaptest/MainApplication.java文件中添加包 import com.example.reactnativegdmap.GDMapPackage;

@Override protected List getPackages() { return Arrays.asList( new MainReactPackage(), new GDMapPackage() //该处为添加的相关包 ); } 4.在android/app/src/main/AndroidManifest.xml文件中配置地图使用的相关权限，如下：

<!--允许程序设置内置sd卡的写权限-->
<uses-permission android:name="android.permission.WRITE_EXTERNAL_STORAGE" />
<!--允许程序获取网络状态-->
<uses-permission android:name="android.permission.ACCESS_NETWORK_STATE" />
<!--允许程序访问WiFi网络信息-->
<uses-permission android:name="android.permission.ACCESS_WIFI_STATE" />
<!--允许程序读写手机状态和身份-->
<uses-permission android:name="android.permission.READ_PHONE_STATE" />
<!--允许程序访问CellID或WiFi热点来获取粗略的位置-->
<uses-permission android:name="android.permission.ACCESS_COARSE_LOCATION" />

<uses-permission android:name="android.permission.ACCESS_FINE_LOCATION" />

<uses-permission android:name="android.permission.CHANGE_WIFI_STATE" />

<uses-permission android:name="android.permission.WAKE_LOCK" />

5.在android/app/src/main/AndroidManifest.xml文件中的标签内配置高德地图使用的appkey。 其中，高德地图的appkey在高德地图官网中申请,

6.当启动导航组件时，需在android/app/src/main/AndroidManifest.xml文件中的标签内添加以下语句：

第三步：地图组件调用 import {MapView} from 'react-native-gd-map'

<View style={styles.container}>
       <MapView  style={{width:SCREEN_WIDTH,height:SCREEN_HEIGHT-30}}
                 showRegion="31.2716,118.3645"
                 district="芜湖市"/>
</View>