android 新增 Marker#anchor 接口

相关: #65

android/src/main/java/cn/qiuxiang/react/amap3d/maps/AMapMarker.kt

@@ -26,6 +26,8 @@ class AMapMarker(context: Context) : ReactViewGroup(context), AMapOverlay {
 
     private var icon: View? = null
     private var bitmapDescriptor: BitmapDescriptor? = null
+    private var anchorU: Float = 0.5f
+    private var anchorV: Float = 1f
     var infoWindow: AMapInfoWindow? = null
 
     var infoWindowEnabled: Boolean = true
@@ -108,6 +110,7 @@ class AMapMarker(context: Context) : ReactViewGroup(context), AMapOverlay {
                 .alpha(opacity)
                 .draggable(draggable)
                 .position(position)
+                .anchor(anchorU, anchorV)
                 .title(title)
                 .infoWindowEnable(infoWindowEnabled)
                 .snippet(snippet)
@@ -148,4 +151,10 @@ class AMapMarker(context: Context) : ReactViewGroup(context), AMapOverlay {
         bitmapDescriptor = BitmapDescriptorFactory.fromResource(drawable)
         marker?.setIcon(bitmapDescriptor)
     }
+
+    fun setAnchor(x: Double, y: Double) {
+        anchorU = x.toFloat()
+        anchorV = y.toFloat()
+        marker?.setAnchor(anchorU, anchorV)
+    }
 }

android/src/main/java/cn/qiuxiang/react/amap3d/maps/AMapMarkerManager.kt

@@ -110,4 +110,11 @@ internal class AMapMarkerManager : ViewGroupManager<AMapMarker>() {
     fun setZInex(marker: AMapMarker, zIndex: Float) {
         marker.zIndex = zIndex
     }
+
+    @ReactProp(name = "anchor")
+    fun setAnchor(view: AMapMarker, coordinate: ReadableMap) {
+        view.setAnchor(
+                coordinate.getDouble("x"),
+                coordinate.getDouble("y"))
+    }
 }

components/PropTypes.js

@@ -12,5 +12,10 @@ const Region = PropTypes.shape({
   longitudeDelta: PropTypes.number.isRequired,
 })
 
-export {LatLng, Region}
+const Point = PropTypes.shape({
+  x: PropTypes.number.isRequired,
+  y: PropTypes.number.isRequired,
+})
+
+export {LatLng, Region, Point}
 

components/maps/Marker.js

 import React, {PropTypes} from 'react'
-import {Platform, requireNativeComponent, StyleSheet, View, ViewPropTypes} from 'react-native'
+import {Platform, requireNativeComponent, StyleSheet, ViewPropTypes, View} from 'react-native'
 import InfoWindow from './InfoWindow'
-import {LatLng} from '../PropTypes'
+import {LatLng, Point} from '../PropTypes'
 import BaseComponent from '../BaseComponent'
 
 export default class Marker extends BaseComponent {
@@ -81,6 +81,14 @@ export default class Marker extends BaseComponent {
      */
     zIndex: PropTypes.number,
 
+    /**
+     * 设置覆盖物的锚点比例
+     *
+     * @link http://a.amap.com/lbs/static/unzip/Android_Map_Doc/3D/com/amap/api/maps/model/Marker.html#setAnchor-float-float-
+     * @platform android
+     */
+    anchor: Point,
+
     /**
      * 是否选中，选中时将显示信息窗体，一个地图只能有一个正在选中的 marker
      */