react-amap-v2/docs/components/overlay/text.md

高德地图 v2.0 react 组件

---
order: 2
---

# Text

## 快速入门

此处给出了最简单示例

```tsx
import React from 'react';
import { Map, Text } from 'react-amap-v2';

export default () => (
  <Map zoom={13} center={[116.396923, 39.918203]}>
    <Text
      {...{
        text: '纯文本标记',
        anchor: 'center', // 设置文本标记锚点
        draggable: true,
        cursor: 'pointer',
        angle: 10,
        style: {
          padding: '.75rem 1.25rem',
          'margin-bottom': '1rem',
          'border-radius': '.25rem',
          'background-color': 'white',
          width: '15rem',
          'border-width': 0,
          'box-shadow': '0 2px 6px 0 rgba(114, 124, 245, .5)',
          'text-align': 'center',
          'font-size': '20px',
          color: 'blue',
        },
        position: [116.396923, 39.918203],
      }}
    />
  </Map>
);
```