react-native-kc-baidumap/lib/Circle.js

百度地图sdk

import React, {Component} from 'react';
import {requireNativeComponent, View} from 'react-native';
import PropTypes from 'prop-types';

export default class Circle extends Component {
  static propsTypes = {
    ...View.propTypes,
    /**
     *圆形中点
     */
    circleCenter:  PropTypes.shape({
      latitude: PropTypes.number.isRequired,
      longitude: PropTypes.number.isRequired,
    }).isRequired,
    /**
     *边框颜色
     */
    color: PropTypes.string,
    /**
     *边框宽度
     */
    width: PropTypes.number,
    /**
     *圆形半径
     */
    radius: PropTypes.number,
    /**
     *圆形背景颜色
     */
    fillColor: PropTypes.string,
    /**
     *圆形背景颜色透明度，仅ios
     */
    fillColorAlpha: PropTypes.number,
  };

  static defaultProps = {
    color: '#000000',
    width: 4,
    radius: 1400,
    fillColor: '#0eF6000F',
    fillColorAlpha: 0.5,
  };

  render() {
    if(!this.props.circleCenter) return null;
    return <BaiduMapOverlayCircle {...this.props} />;
  }
}

const BaiduMapOverlayCircle = requireNativeComponent(
  'RCTCircleView',
  Circle,
);