gribnoysup / react-yandex-maps

Yandex Maps API bindings for React
MIT License
327 stars 116 forks source link

Балун и хинт для Polygon #214

Closed NatalieButr closed 4 years ago

NatalieButr commented 4 years ago

Есть карта с областями https://ibb.co/YQgyJfh, как при нажатии на определенную область открывать балун, а при наведении хинт, для каждой области свои данные

mmarkelov commented 4 years ago

@NatalieButr Edit festive-elbakyan-j0kp1

import React from "react";
import { YMaps, Map, Polygon } from "react-yandex-maps";
import "./styles.css";

export default function App() {
  return (
    <div className="App">
      <YMaps>
        <Map
          defaultState={{
            center: [55.73, 37.9],
            zoom: 10
          }}
         // Для начала нужно подключить модули для балуна и хинта
          modules={["geoObject.addon.balloon", "geoObject.addon.hint"]}
        >
          <Polygon
            geometry={...}
            options={...}
            properties={{
              // Определяем тексты балуна и хинта
              balloonContent: "Многоугольник",
              hintContent: "Многоугольник"
            }}
          />
        </Map>
      </YMaps>
    </div>
  );
}
NatalieButr commented 4 years ago

Спасибо, все работает