react-tmap

npm install @map-component/react-tmap

import React, { useState } from 'react';
import { TMap, MultiPolygon } from '@map-component/react-tmap';
``````markdown
## Стили

```javascript
const styles = {
  polygon: {
    color: '#3777FF', // цвет заливки поверхности
    showBorder: false, // показывать ли границу вытянутого полигона
    borderColor: '#00FFFF', // цвет границы
  },
};

const paths = [
  { lat: 40.041054, lng: 116.272303 },
  { lat: 40.039419, lng: 116.272721 },
  { lat: 40.039764, lng: 116.274824 },
  { lat: 40.041374, lng: 116.274491 },
];

const geometries = [
  {
    id: 'p1', // уникальный идентификатор полигона в слое (требуется при удалении и обновлении данных)
    styleId: 'polygon', // имя привязываемого стиля
    paths: paths, // контур полигона
  },
];

const center = { lat: 40.041054, lng: 116.272303 };

export default () => {
  const [color, setColor] = useState('#00FF00');
  const [zoom, setZoom] = useState(16);

  const polygonStyles = React.useMemo(
    () => ({
      polygon: {
        ...styles.polygon,
        color,
      },
    }),
    [color],
  );

  return (
    <div>
      <div>
        <button onClick={() => setColor('#00FFFF')}>
          Изменить цвет полигона
        </button>
        <button onClick={() => setZoom(zoom + 1)}>
          Изменить масштаб карты
        </button>
      </div>

      <TMap
        mapKey="TOZBZ-OU2CX-JJP4Z-7FCBV-CDDJ2-AHFQZ" // Новый полученный ключ
        zoom={zoom}
        center={center} // Установка координат центральной точки
        control={{
          zoom: { position: 'BOTTOM_RIGHT' },
          scale: false,
          rotate: false,
        }}
      >
        <MultiPolygon
          styles={polygonStyles}
          geometries={geometries}
          onClick={() => console.log('Полигон нажат')} // Обработка клика по полигону
        />
      </TMap>
    </div>
  );
};

#### Отправка кода

Пожалуйста, отправьте ваш код через запрос на слияние, и мы скоро его рассмотрим.

#### Начало разработки

```sh
git clone xxx

cd react-tmap # cd vue-tmap

npm install

npm run dev