Update examples

README.md

@@ -89,12 +89,6 @@ $ pod install
 ### 导入地图模块
 ```jsx
 import { MapView } from 'react-native-amap3d'
-
-const { Marker } = MapView
-
-<MapView>
-  <Marker .../>
-</MapView>
 ```
 
 ### 基本用法
@@ -119,7 +113,7 @@ const { Marker } = MapView
 ### 添加可拖拽的地图标记
 ```jsx
 <MapView>
-  <Marker
+  <MapView.Marker
     draggable
     title='这是一个可拖拽的标记'
     onDragEnd={({ nativeEvent }) =>
@@ -139,11 +133,11 @@ const coordinate = {
   longitude: 116.397972,
 }
 
-<Marker image='flag' coordinate={coordinate}>
+<MapView.Marker image='flag' coordinate={coordinate}>
   <View style={styles.customInfoWindow}>
     <Text>自定义信息窗体</Text>
   </View>
-</Marker>
+</MapView.Marker>
 ```
 
 [更多示例](https://github.com/qiuxiang/react-native-amap3d/tree/master/example/examples)。

example/examples/animated.js

@@ -6,7 +6,7 @@ import {
   TouchableOpacity,
   Dimensions,
 } from 'react-native'
-import MapView from 'react-native-amap3d'
+import { MapView } from 'react-native-amap3d'
 
 const styles = StyleSheet.create({
   body: {

example/examples/circle.js

 import React, { Component } from 'react'
 import { StyleSheet } from 'react-native'
-import { MapView, Circle } from 'react-native-amap3d'
+import { MapView } from 'react-native-amap3d'
 
 export default class CircleExample extends Component {
   static navigationOptions = {
@@ -15,7 +15,7 @@ export default class CircleExample extends Component {
   render() {
     return (
       <MapView style={StyleSheet.absoluteFill}>
-        <Circle
+        <MapView.Circle
           strokeWidth={5}
           strokeColor="rgba(0, 0, 255, 0.5)"
           fillColor="rgba(255, 0, 0, 0.5)"

example/examples/controls.js

 import React, { Component } from 'react'
 import { StyleSheet, Switch, Text, View } from 'react-native'
-import MapView from 'react-native-amap3d'
+import { MapView } from 'react-native-amap3d'
 import styles from '../styles'
 
 export default class ControlsExample extends Component {

example/examples/events.js

 import React, { Component } from 'react'
 import { FlatList, StyleSheet, Text, View } from 'react-native'
-import MapView from 'react-native-amap3d'
+import { MapView } from 'react-native-amap3d'
 
 const styles = StyleSheet.create({
   body: {

example/examples/gestures.js

 import React, { Component } from 'react'
 import { StyleSheet, View, Text, Switch } from 'react-native'
-import MapView from 'react-native-amap3d'
+import { MapView } from 'react-native-amap3d'
 import styles from '../styles'
 
 export default class GesturesExample extends Component {

example/examples/heat-map.js

 import React, { Component } from 'react'
 import { StyleSheet } from 'react-native'
-import { MapView, HeatMap } from 'react-native-amap3d'
+import { MapView } from 'react-native-amap3d'
 
 export default class HeatMapExample extends Component {
   static navigationOptions = {
@@ -15,7 +15,7 @@ export default class HeatMapExample extends Component {
   render() {
     return (
       <MapView zoomLevel={9} style={StyleSheet.absoluteFill}>
-        <HeatMap
+        <MapView.HeatMap
           opacity={0.8}
           radius={20}
           coordinates={this._coordinates}

example/examples/indoor.js

 import React, { Component } from 'react'
 import { StyleSheet } from 'react-native'
-import MapView from 'react-native-amap3d'
+import { MapView } from 'react-native-amap3d'
 
 export default class IndoorExample extends Component {
   static navigationOptions = {

example/examples/layers.js

 import React, { Component } from 'react'
 import { StyleSheet, View, Text, Switch, Platform } from 'react-native'
-import MapView from 'react-native-amap3d'
+import { MapView } from 'react-native-amap3d'
 import commonStyles from '../styles'
 
 const styles = {

example/examples/map-types.js

 import React, { Component } from 'react'
 import { StyleSheet, Picker } from 'react-native'
-import MapView from 'react-native-amap3d'
+import { MapView } from 'react-native-amap3d'
 
 export default class MapTypesExample extends Component {
   static navigationOptions = ({ navigation }) => {

example/examples/marker.js

 import React, { Component } from 'react'
 import { Alert, StyleSheet, Text, TouchableOpacity, View } from 'react-native'
-import { MapView, Marker } from 'react-native-amap3d'
+import { MapView } from 'react-native-amap3d'
 
 const styles = StyleSheet.create({
   customIcon: {
@@ -75,7 +75,7 @@ export default class MarkerExample extends Component {
   render() {
     return (
       <MapView style={StyleSheet.absoluteFill}>
-        <Marker
+        <MapView.Marker
           active
           draggable
           title="一个可拖拽的标记"
@@ -84,20 +84,20 @@ export default class MarkerExample extends Component {
           onInfoWindowPress={this._onInfoWindowPress}
           coordinate={this._coordinates[0]}
         />
-        <Marker color="green" coordinate={this._coordinates[1]} >
+        <MapView.Marker color="green" coordinate={this._coordinates[1]} >
           <TouchableOpacity activeOpacity={0.9} onPress={this._onCustomInfoWindowPress}>
             <View style={styles.customInfoWindow}>
               <Text>自定义信息窗口</Text>
               <Text>{this.state.time.toLocaleTimeString()}</Text>
             </View>
           </TouchableOpacity>
-        </Marker>
-        <Marker
+        </MapView.Marker>
+        <MapView.Marker
           image="flag"
           title="自定义图片"
           coordinate={this._coordinates[2]}
         />
-        <Marker
+        <MapView.Marker
           title="自定义 View"
           icon={() => (
             <View style={styles.customMarker}>

example/examples/multi-point.js

 import React, { Component } from 'react'
 import { StyleSheet, Alert } from 'react-native'
-import { MapView, MultiPoint } from 'react-native-amap3d'
+import { MapView } from 'react-native-amap3d'
 
 export default class MultiPointExample extends Component {
   static navigationOptions = {
@@ -17,7 +17,7 @@ export default class MultiPointExample extends Component {
   render() {
     return (
       <MapView zoomLevel={12} style={StyleSheet.absoluteFill}>
-        <MultiPoint
+        <MapView.MultiPoint
           image="point"
           points={this._points}
           onItemPress={this._onItemPress}

example/examples/polygon.js

 import React, { Component } from 'react'
 import { StyleSheet } from 'react-native'
-import { MapView, Polygon } from 'react-native-amap3d'
+import { MapView } from 'react-native-amap3d'
 
 export default class PolygonExample extends Component {
   static navigationOptions = {
@@ -25,7 +25,7 @@ export default class PolygonExample extends Component {
   render() {
     return (
       <MapView style={StyleSheet.absoluteFill}>
-        <Polygon
+        <MapView.Polygon
           strokeWidth={5}
           strokeColor="rgba(0, 0, 255, 0.5)"
           fillColor="rgba(255, 0, 0, 0.5)"

example/examples/polyline.js

 import React, { Component } from 'react'
 import { StyleSheet, Alert } from 'react-native'
-import { MapView, Polyline } from 'react-native-amap3d'
+import { MapView } from 'react-native-amap3d'
 
 export default class PolylineExample extends Component {
   static navigationOptions = {
@@ -53,17 +53,17 @@ export default class PolylineExample extends Component {
   render() {
     return (
       <MapView style={StyleSheet.absoluteFill}>
-        <Polyline
+        <MapView.Polyline
           width={5}
           color="rgba(255, 0, 0, 0.5)"
           coordinates={this._line1}
         />
-        <Polyline
+        <MapView.Polyline
           dashed
           width={5}
           coordinates={this._line2}
         />
-        <Polyline
+        <MapView.Polyline
           gradient
           width={5}
           colors={['#f44336', '#2196f3', '#4caf50']}