react-native 原生封装地图组件,rn调用

1.rn组件

/* @flow*/
import React from 'react'
import { requireNativeComponent } from 'react-native'

const RCTMap = requireNativeComponent('MAMapView', null)

type propTypes = {
    data:any
};

function AMapView(props:propTypes) {
  return (<RCTMap {...props} />)
}

export default AMapView

2 原生android

package com.kuaibao.skuaidi.react.modules.map;

import android.content.Context;

import com.amap.api.maps2d.MapView;
import com.facebook.react.bridge.LifecycleEventListener;
import com.facebook.react.bridge.ReactContext;

/**
 * Created by kit on 16/12/15.
 */
public class MAMapView extends MapView implements LifecycleEventListener{
    public MAMapView(Context context) {
        super(context);
    }

    @Override
    protected void onAttachedToWindow() {
        super.onAttachedToWindow();
        onCreate(null);
        ((ReactContext)getContext()).addLifecycleEventListener(this);

//        ViewGroup child = (ViewGroup) getChildAt(0);
//        com.amap.api.mapcore2d.b b = (com.amap.api.mapcore2d.b) child.getChildAt(0);
//        com.amap.api.mapcore2d.aa aa = b.j.e();
//        try {
//            b.a(aa);
//        } catch (RemoteException e) {
//            e.printStackTrace();
//        }

    }

    @Override
    protected void onDetachedFromWindow() {
        ((ReactContext)getContext()).removeLifecycleEventListener(this);
        super.onDetachedFromWindow();
        onDestroy();
    }

    @Override
    public void onHostResume() {
        onResume();
    }

    @Override
    public void onHostPause() {
        onPause();
    }

    @Override
    public void onHostDestroy() {
        onDestroy();
    }
}
package com.kuaibao.skuaidi.react.modules.map;

import android.content.Context;

import com.amap.api.maps2d.AMap;
import com.amap.api.maps2d.CameraUpdateFactory;
import com.amap.api.maps2d.model.LatLng;
import com.amap.api.maps2d.overlay.WalkRouteOverlay;
import com.amap.api.services.core.AMapException;
import com.amap.api.services.core.LatLonPoint;
import com.amap.api.services.route.BusRouteResult;
import com.amap.api.services.route.DriveRouteResult;
import com.amap.api.services.route.RideRouteResult;
import com.amap.api.services.route.RouteSearch;
import com.amap.api.services.route.WalkPath;
import com.amap.api.services.route.WalkRouteResult;
import com.facebook.react.bridge.ReadableArray;
import com.facebook.react.bridge.ReadableMap;
import com.facebook.react.uimanager.SimpleViewManager;
import com.facebook.react.uimanager.ThemedReactContext;
import com.facebook.react.uimanager.annotations.ReactProp;
import com.kuaibao.skuaidi.activity.picksendmapmanager.utils.ToastUtil;
import com.kuaibao.skuaidi.util.Utility;

/**
 * Created by kit on 16/12/15.
 */
public class MapViewManager extends SimpleViewManager<MAMapView>{

  private Context mContext;
  private RouteSearch mRouteSearch;

  /**
     * @return the name of this view manager. This will be the name used to reference this view
     * manager from JavaScript in createReactNativeComponentClass.
     */
    @Override
    public String getName() {
        return "MAMapView";
    }




    /**
     * Subclasses should return a new View instance of the proper type.
     *
     * @param reactContext
     */
    @Override
    protected MAMapView createViewInstance(ThemedReactContext reactContext) {
        mContext = reactContext;
        return new MAMapView(reactContext);
    }
    @ReactProp(name="data")
    public void data(MAMapView mapView , ReadableArray data){
       // ReadableArray data = data.
//        MarkerOptions markerOption = new MarkerOptions();
        ReadableMap startLocation = data.getMap(0);
        ReadableMap endLocation = data.getMap(1);

        if (Utility.isEmpty(startLocatio
  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

ahnu119

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值