import { geo, PolygonCoords } from 'ultimap';
import { Strategy } from 'ultimap/strategy/leaflet';

const osmGeo = geo.byStrategy(new Strategy.Leaflet());
osmGeo.map.create(holder_element, {
    center: [57.767131, 40.928349],
    zoom: 14,
}).load().then((map) => {
    const coords = [[
        [57.769131, 40.93534],
        [57.770131, 40.93434],
        [57.767131, 40.94234],
        [57.764131, 40.93434],
        [57.765131, 40.93534],
        [57.765131, 40.91834],
        [57.767131, 40.92534],
        [57.769131, 40.91834],
    ]];

    osmGeo.polygon.create(coords, {}).addTo(map);
    // or
    osmGeo.polygon.create([PolygonCoords.createByConcaveHull(coords[0]).toArray()], {}).addTo(map);
    // or
    osmGeo.polygon.create([PolygonCoords.createByConvexHull(coords[0]).toArray()], {}).addTo(map);
});
                    

import { geo, PolygonCoords } from 'ultimap';
import { Strategy } from 'ultimap/strategy/yandex';

const ymapGeo = geo.byStrategy(new Strategy.Yandex());
ymapGeo.map.byStrategy(new Strategy.Yandex()).create(holder_element, {
    center: [57.767131, 40.928349],
    zoom: 14,
}).load().then((map) => {
   const coords = [[
        [57.769131, 40.93534],
        [57.770131, 40.93434],
        [57.767131, 40.94234],
        [57.764131, 40.93434],
        [57.765131, 40.93534],
        [57.765131, 40.91834],
        [57.767131, 40.92534],
        [57.769131, 40.91834],
    ]];

    ymapGeo.polygon.create(coords, {}).addTo(map);
    // or
    ymapGeo.polygon.create([PolygonCoords.createByConcaveHull(coords[0]).toArray()], {}).addTo(map);
    // or
    ymapGeo.polygon.create([PolygonCoords.createByConvexHull(coords[0]).toArray()], {}).addTo(map);
});