react-amap 渲染点位

`react-amap`是一个基于React的高德地图组件库，它提供了一种方便的方式来在React应用中集成阿里的高德地图服务。渲染点位通常是通过创建`AMap.Marker`对象来实现的。以下是简单的步骤：

1. 首先，你需要安装`react-amap`和`@antv/amap`依赖，例如：

npm install react-amap @antv/amap

2. 在组件中导入需要的组件和API：

import { Map, Marker } from 'react-amap';
import AMap from '@antv/amap/dist/amap.min.js';

3. 初始化地图并设置中心和缩放级别：

const map = (
  <Map
    center={['116.404', '39.915']} // 北京坐标
    zoom={11}
  />
);

4. 创建点位并添加到地图上：

const marker = (
  <Marker position={['116.407', '39.908']}>
    {/* 可以自定义marker样式和事件处理 */}
    <Marker.Label content="我的位置" />
  </Marker>
);

{map && <div>{marker}</div>};

在这个例子中，我们创建了一个标记器，并设置了其位置（也可以动态获取用户位置）。`position`属性接收经纬度数组。