定位展示LocationDisplayCtrl 封装
import React, {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';
import WidthDrawer from '../../../../components/WithDrawer/index';
const DefaultIcon = require('../../../../image/defaultIcon.jpeg');
const MapId = 'baseMap';
const DefineSymbol: PictureMarkerSymbol = {
type: 'picture-marker',
width: 15,
height: 15,
url: DefaultIcon,
};
const DefineAccuracySymbol: SimpleMarkerSymbol = {
type: 'simple-marker',
style: 'circle',
color: 'rgba(8,255,4,0.7)',
size: 10,
};
/** sideBar组件
*f
@param {*} renderCb renderCb是一个函数, 每次触发并且向里面传值(对象),content组件就以sideBarData的属性去接受
*/
const SideBar = ({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测试');
}, []);
const onSwitchLocationDisplayStatus = (e: boolean) => {
LocationDisplayCtrl.setVisible(MapId, e);
setSingleMapImageLayerStatus(e);
};
const onGetSymbol = () => {
LocationDisplayCtrl.