Линия на карте

Вам надо проложить маршрут от одного объекта до друго?

Это просто!

Для примера разместим на карте ломанную линию. Вот небольшой скрипт, который размещает на карте ломанную линию и придает ей соответствующие стили.

Код 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), 10);

            // Создание стиля для ломанной
            var s = new YMaps.Style();
            s.lineStyle = new YMaps.LineStyle();
            s.lineStyle.strokeColor = "0000FF55";
            s.lineStyle.strokeWidth = "5";
            YMaps.Styles.add("example#CustomLine", s);

            // Создание ломанной и добавление ее на карту
            var pl = new YMaps.Polyline([ new YMaps.GeoPoint(37.516047,55.682127),
                                          new YMaps.GeoPoint(37.590205,55.60135),
                                          new YMaps.GeoPoint(37.706935,55.693764),
                                          new YMaps.GeoPoint(37.820918,55.732528),
                                          new YMaps.GeoPoint(37.672603,55.775898),
                                          new YMaps.GeoPoint(37.687709,55.874075),
                                          new YMaps.GeoPoint(37.522914,55.789054),
                                          new YMaps.GeoPoint(37.400691,55.744924)], {style: "example#CustomLine"});
            map.addOverlay(pl);
        });
    </script>

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

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

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



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