const RegionModal = ({ item, onOk, region, loading, services, modalType, formItems, onMapClick, getService, isServiceLoad, closeMap, openMap, openDraw,...modalProps }) => {
const [form] = Form.useForm();
const [coords, setCoords] = useState(null)
const draw = ref => {
ref.editor.startDrawing();
ref.editor.events.add("statechange", e => {
setCoords(e.originalEvent.target.geometry._bounds)
console.log('coords change',coords)
});
};
return (
<div>
<Drawer
title="Карта"
closable={false}
onClose={closeMap}
visible={openDraw}
width={1000}
>
<div className="location">
<YMaps>
<Map className='mapYandex'
modules={["geoObject.addon.editor"]}
defaultState={{
center: [55, 55],
zoom: 9,
// controls: ["typeSelector", "zoomControl", "fullscreenControl"],
}}>
<Polygon onLoad={(e) => setCoords(e)}
instanceRef={(ref) => {
if (ref && coords) {
ref.editor.startDrawing();
}
}}
geometry={[[]]}
options={{
draggable: true,
editorDrawingCursor: "crosshair",
// editorMaxPoints: 10,
fillColor: "rgba(255,0,0,0.1)",
// Цвет обводки.
strokeColor: "#c0392b",
// Ширина обводки.
strokeWidth: 3
}}
/>
</Map>
</YMaps>
</div>
</Drawer>
</div>
)
}
RegionModal.propTypes = {
onOk: PropTypes.func,
item: PropTypes.object,
}
export default RegionModal
добавить комментарий
|