JSFiddle - React, Tailwind, and code Playground
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>f
JavaScript
//создаём карту и привязываем её к диву с айдишником yandexmap
var map = new YMaps.Map(document.getElementById("yandexmap"));
// Устанавливает начальные параметры отображения карты: центр карты и коэффициент масштабирования
map.setCenter(new YMaps.GeoPoint(37.622191, 55.753565), 3);
// map.enableScrollZoom();
map.addControl(new YMaps.Zoom());
map.addControl(new YMaps.SearchControl());
map.addControl(new YMaps.TypeControl());
// map.addControl(new YMaps.ToolBar());
//map.enableRuler();
// Создание стиля для многоугольника
var style = new YMaps.Style();
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]))