React Native for Arcgis 地图开发 LocationDisplayCtrl (十四)

定位展示LocationDisplayCtrl封装importReact, {useState, useEffect}from'react';import{View,Text,ScrollView,StyleSheet,DeviceEventEmitter}from'react-native';import{Button,List,Switch}from'@ant-design/react-native';import{LocationCtrl,MapManager,MapView,LocationDisplayCtrl,PictureMarkerSymbol,SimpleMarkerSymbol,}from'@haibalai/react-native-arcgis';import{connect}from'react-redux';importWidthDrawerfrom'../../../../components/WithDrawer/index';constDefaultIcon=require('../../../../image/defaultIcon.jpeg');constMapId='baseMap';constDefineSymbol:PictureMarkerSymbol= {type:'picture-marker',width:15,height:15,url:DefaultIcon,};constDefineAccuracySymbol:SimpleMarkerSymbol= {type:'simple-marker',style:'circle',color:'rgba(8,255,4,0.7)',size:10,};/** sideBar组件*f@param{*} renderCb renderCb是一个函数, 每次触发并且向里面传值(对象),content组件就以sideBarData的属性去接受*/constSideBar= ({renderCb, Home}: any) => {const[content, changeContent] =useState('');const[errorContent, changeErrorContent] =useState('');const[locationDisplayVisible, setSingleMapImageLayerStatus] =useState(false);useEffect(() =>{renderCb({content, errorContent});}, [content, errorContent, renderCb]);useEffect(() =>{console.log(''+DefaultIcon,'symbol测试');}, []);constonSwitchLocationDisplayStatus= (e: boolean) => {LocationDisplayCtrl.setVisible(MapId, e);setSingleMapImageLayerStatus(e);};constonGetSymbol= () => {LocationDisplayCtrl.getSymbol(MapId).then((r: any) =>{console.log(JSON.stringify(r));changeErrorContent('');changeContent(''+ r);}).catch((e: any) =>{changeErrorContent(''+ e);});};constonSetSymbol= () => {LocationDisplayCtrl.setSymbol(MapId,DefineSymbol).then((r: any) =>{changeErrorContent('');changeContent(r);}).catch((e: any) =>{changeErrorContent(e);});};constonGetAccuracySymbol= () => {LocationCtrl.getAccuracySymbol(MapId).then((r: any) =>{changeErrorContent('');changeContent(r);}).catch((e: any) =>{changeErrorContent(e);});};constonSetAccuracySymbol= () => {LocationDisplayCtrl.setAccuracySymbol(MapId,DefineAccuracySymbol).then((r: any) =>{changeErrorContent('');changeContent(r);}).catch((e: any) =>{changeErrorContent(e);});};constonZoomToCurrent= () => {LocationDisplayCtrl.zoomToCurrent(MapId).then((r: any) =>{changeErrorContent('');changeContent(r);}).catch((e: any) =>{changeErrorContent(e);


React Native for Arcgis 地图开发 LocationDisplayCtrl (十四) - 小专栏

你可能感兴趣的:(React Native for Arcgis 地图开发 LocationDisplayCtrl (十四))