JSFiddle - React, Tailwind, and code Playground

by jt3k

HTML

<script src="http://api-maps.yandex.ru/1.1/index.xml?key=ABHZdU4BAAAAbrzZAAMBeiNPObRpKPV9aF1neC0pjQe7it8AAAAAAAAAAAAMA47k_7WPj_CR5GvyxGDsxbl4LA=="
    type="text/javascript"></script>
    <div id="yandexmap" style="width:800px;height:600px"></div>

JavaScript

//создаём карту и привязываем её к диву с айдишником yandexmap
var map = new YMaps.Map(document.getElementById("yandexmap"));
// Устанавливает начальные параметры отображения карты: центр карты и коэффициент масштабирования
map.setCenter(new YMaps.GeoPoint(37.622191,55.753565), 3);

// Создание стиля для многоугольника
var style = new YMaps.Style("default#greenPoint");

//просмотр методов объекта YMaps.Style
//for (var key in YMaps.Style) {
//    alert(key+':'+YMaps.Style[key])
//}



style.polygonStyle = new YMaps.PolygonStyle();

//если ноль то заливки не будет
style.polygonStyle.fill = 1;

style.polygonStyle.outline = 1;
//ширина обводки
style.polygonStyle.strokeWidth = 2;
//обводка и прозрачность
style.polygonStyle.strokeColor = "ffff0088";
//заливка и прозрачность
style.polygonStyle.fillColor = "ff000022";
YMaps.Styles.add("polygon#Example", style);

            // Создание многоугольника
            var polygon = new YMaps.Polygon([
new YMaps.GeoPoint(43.982815,32.656729),
new YMaps.GeoPoint(19.549221,59.963485),
new YMaps.GeoPoint(25.613674,63.027249),
new YMaps.GeoPoint(25.525784,71.930858),
new YMaps.GeoPoint(72.283596,76.43102),
new YMaps.GeoPoint(111.131252,76.6966),
new YMaps.GeoPoint(113.328518,45.409948),
new YMaps.GeoPoint(79.666409,44.45268),
new YMaps.GeoPoint(62.791409,47.752684)
            ], {
                style: "polygon#Example",
                hasHint: 1,
                hasBalloon: 1
            });



            // Установка данных для многоугольника
            polygon.name = "АМ22";

            polygon.description = "Экспресс АМ-22"; 

            // Добавление многоугольника на карту
            map.addOverlay(polygon);
//редоктиравоние
//polygon.startEditing();

//проверка лежит ли  точка внутри или сноружы
//не работает... alert(polygon.contains(YMaps.ICoordPoint[38.492257, 56.32823]))