Выделенная область

Хотите показать на карте Ваш дом, особняк, участок, гараж?

Это просто!

Для примера разместим на карте многоугольник, который покрывает всю Москву по МКАДу. Естественно многоугольнику можно задать стили для отображения.

Код HTML

<script type="text/javascript">
 // Создание обработчика для события window.onLoad
        YMaps.jQuery(function () {
            // Создание экземпляра карты и его привязка к созданному контейнеру
            var map = new YMaps.Map(YMaps.jQuery("#YMapsID")[0]);

            // Установка для карты ее центра и масштаба
            map.setCenter(new YMaps.GeoPoint(37.64, 55.76), 9);

            // Создание стиля для многоугольника
            var style = new YMaps.Style("default#greenPoint");
            style.polygonStyle = new YMaps.PolygonStyle();
            style.polygonStyle.fill = 1;
            style.polygonStyle.outline = 1;
            style.polygonStyle.strokeWidth = 10;
            style.polygonStyle.strokeColor = "ffff0088";
            style.polygonStyle.fillColor = "ff000055";
            YMaps.Styles.add("polygon#Example", style);

            // Создание многоугольника
            var polygon = new YMaps.Polygon([
                new YMaps.GeoPoint(37.59507,55.576559),
                new YMaps.GeoPoint(37.493452,55.613885),
                new YMaps.GeoPoint(37.369853,55.767479),
                new YMaps.GeoPoint(37.405561,55.871082),
                new YMaps.GeoPoint(37.553873,55.911209),
                new YMaps.GeoPoint(37.707682,55.898866),
                new YMaps.GeoPoint(37.83677,55.821634),
                new YMaps.GeoPoint(37.834021,55.689979),
                new YMaps.GeoPoint(37.83677,55.646518),
                new YMaps.GeoPoint(37.669234,55.576559)
            ], {
                style: "polygon#Example",
                hasHint: 1,
                hasBalloon: 1
            });

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

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

И теперь разместим блок с самой картой

Код HTML
    <div id="YMapsID" style="width:660px;height:400px"></div>

Пример использования



Источник
Вверх