gribnoysup / react-yandex-maps

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

Как задать свою изображение разметкой в иконке Placemark #313

Open grabelnikovRus opened 3 years ago

grabelnikovRus commented 3 years ago

Помогите, второй день изучаю эту библиотеку и на этом моменте подсел конкретно. Знаю, что в iconImageHref можно передать путь к иконке, но хотелось бы создать свой элемент в котором смогу отображать свой небольшой контент (буквально пару цифр) Еще бы заранее хотелось спросить как на этот элемент можно вешать обработчик клика... Заранее спасибо.

export const Maps: React.FC = ({ apartments, contacts, query, settings }) => { const mapRef = useRef(null) const [zoom, setZoom] = useState(defaultState.zoom) const [bounds, setBounds] = useState([ [0, 0], [0, 0], ])

useEffect(() => { if (mapRef.current) { mapRef.current.setZoom(zoom, { duration: 300 }) } }, [zoom])

return ( <YMaps query={{ apikey: YMAPS.APIKEY_DEV }}>

ref && (mapRef.current = ref)} width={'100%'} height={'100%'} onMouseMove={() => setBounds(mapRef.current._bounds)} onWheel={() => setZoom(mapRef.current._zoom)} >
</YMaps>

) }

Manimall commented 2 years ago

@grabelnikovRus iconImageHref: '/images/contacts/mapMarker.svg',