在react中引入高德api后怎样在页面调用

如题所述

第一步,我们需要下载SDK第二步,解压后,将jar包放进libs文件夹中,并加入环境变量中。第三步,在AndroidManifest.xml文件中配置权限:并在application标签中添加:第四步,测试代码:importandroid.support.v7.app.AppCompatActivity;importandroid.os.Bundle;importandroid.util.Log;importcom.amap.api.location.AMapLocation;importcom.amap.api.location.AMapLocationClient;importcom.amap.api.location.AMapLocationClientOption;importcom.amap.api.location.AMapLocationListener;publicclassMainActivityextendsAppCompatActivity{//声明AMapLocationClient类对象publicAMapLocationClientmLocationClient=null;//声明定位回调监听器publicAMapLocationListenermLocationListener=newMyAMapLocationListener();//声明AMapLocationClientOption对象publicAMapLocationClientOptionmLocationOption=null;@OverrideprotectedvoidonCreate(BundlesavedInstanceState){super.onCreate(savedInstanceState);setContentView(R.layout.activity_main);init();}privatevoidinit(){//初始化定位mLocationClient=newAMapLocationClient(getApplicationContext());//设置定位回调监听mLocationClient.setLocationListener(mLocationListener);//初始化AMapLocationClientOption对象mLocationOption=newAMapLocationClientOption();//设置定位模式为AMapLocationMode.Hight_Accuracy,高精度模式。mLocationOption.setLocationMode(AMapLocationClientOption.AMapLocationMode.Hight_Accuracy);//获取一次定位结果://该方法默认为false。mLocationOption.setOnceLocation(false);//获取最近3s内精度最高的一次定位结果://设置setOnceLocationLatest(booleanb)接口为true,启动定位时SDK会返回最近3s内精度最高的一次定位结果。如果设置其为true,setOnceLocation(booleanb)接口也会被设置为true,反之不会,默认为false。mLocationOption.setOnceLocationLatest(true);//设置是否返回地址信息(默认返回地址信息)mLocationOption.setNeedAddress(true);//设置是否允许模拟位置,默认为false,不允许模拟位置mLocationOption.setMockEnable(false);//关闭缓存机制mLocationOption.setLocationCacheEnable(false);//给定位客户端对象设置定位参数mLocationClient.setLocationOption(mLocationOption);//启动定位mLocationClient.startLocation();}privateclassMyAMapLocationListenerimplementsAMapLocationListener{@OverridepublicvoidonLocationChanged(AMapLocationaMapLocation){if(aMapLocation!=null){if(aMapLocation.getErrorCode()==0){Log.e("位置:",aMapLocation.getAddress());}else{//定位失败时,可通过ErrCode(错误码)信息来确定失败的原因,errInfo是错误信息,详见错误码表。Log.e("AmapError","locationError,ErrCode:"+aMapLocation.getErrorCode()+",errInfo:"+aMapLocation.getErrorInfo());}}}}}
温馨提示:答案为网友推荐,仅供参考
第1个回答  2017-09-10
/o', 那么在React中是什么样子呢;/,有自己的结构,'h'l'屠龙宝刀; 通过这种方式可以很方便的定义一个组件;{str}本回答被提问者采纳
相似回答