Клуб API Карт

Ребята помогите новичку!

Masterskayamastera
21 октября 2011, 16:00

Смотрите есть карта - самая простая

 

Подскажите какие параметры поменять чтобы сдвинуть ее вправо???? Заново лень ее создавать...

 

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

 

<!-- Этот блок кода нужно вставить в ту часть страницы, где вы хотите разместить карту  (начало) -->
<script src="http://api-maps.yandex.ru/1.1/?key=ANc2Wk4BAAAAVedXUQIBnz1olPYhOvxcwV6bCmGRNot8FRAAAAAAAAAAAAAa1qRUSFFapF0lGdku4tNPD0yvsg==&modules=pmap&wizard=constructor" type="text/javascript"></script>
<script type="text/javascript">
    YMaps.jQuery(window).load(function () {
        var map = new YMaps.Map(YMaps.jQuery("#YMapsID-542")[0]
        map.setCenter(new YMaps.GeoPoint(69.736853,63.383784), 3, YMaps.MapType.MAP);
        map.addControl(new YMaps.Zoom()
        map.addControl(new YMaps.ToolBar()
        YMaps.MapType.PMAP.getName = function () { return "Народная"; };
        map.addControl(new YMaps.TypeControl([
            YMaps.MapType.MAP,
            YMaps.MapType.SATELLITE,
            YMaps.MapType.HYBRID,
            YMaps.MapType.PMAP
        ], [0, 1, 2, 3])

        YMaps.Styles.add("constructor#pmrdlPlacemark", {
            iconStyle : {
                href : "http://bwcil.ru/komp/assets/images/logoya.png",
                size : new YMaps.Point(36,41),
                offset: new YMaps.Point(-13,-40)
            }
        }


        YMaps.Styles.add("constructor#pmvvlPlacemark", {
            iconStyle : {
                href : "http://bwcil.ru/komp/assets/images/logoya.png",
                size : new YMaps.Point(36,41),
                offset: new YMaps.Point(-13,-40)
            }
        }


        YMaps.Styles.add("constructor#pmlblPlacemark", {
            iconStyle : {
                href : "http://bwcil.ru/komp/assets/images/logoya.png",
                size : new YMaps.Point(36,41),
                offset: new YMaps.Point(-13,-40)
            }
        }


        YMaps.Styles.add("constructor#pmbllPlacemark", {
            iconStyle : {
                href : "http://bwcil.ru/komp/assets/images/logoya.png",
                size : new YMaps.Point(36,41),
                offset: new YMaps.Point(-13,-40)
            }
        }


        YMaps.Styles.add("constructor#pmgnlPlacemark", {
            iconStyle : {
                href : "http://bwcil.ru/komp/assets/images/logoya.png",
                size : new YMaps.Point(36,41),
                offset: new YMaps.Point(-13,-40)
            }
        }


        YMaps.Styles.add("constructor#pmdolPlacemark", {
            iconStyle : {
                href : "http://bwcil.ru/komp/assets/images/logoya.png",
                size : new YMaps.Point(36,41),
                offset: new YMaps.Point(-13,-40)
            }
        }


        YMaps.Styles.add("constructor#pmorlPlacemark", {
            iconStyle : {
                href : "http://bwcil.ru/komp/assets/images/logoya.png",
                size : new YMaps.Point(36,41),
                offset: new YMaps.Point(-13,-40)
            }
        }


        YMaps.Styles.add("constructor#pmntlPlacemark", {
            iconStyle : {
                href : "http://bwcil.ru/komp/assets/images/logoya.png",
                size : new YMaps.Point(36,41),
                offset: new YMaps.Point(-13,-40)
            }
        }


        YMaps.Styles.add("constructor#pmpnlPlacemark", {
            iconStyle : {
                href : "http://bwcil.ru/komp/assets/images/logoya.png",
                size : new YMaps.Point(36,41),
                offset: new YMaps.Point(-13,-40)
            }
        }


        YMaps.Styles.add("constructor#pmdblPlacemark", {
            iconStyle : {
                href : "http://bwcil.ru/komp/assets/images/logoya.png",
                size : new YMaps.Point(36,41),
                offset: new YMaps.Point(-13,-40)
            }
        }


        YMaps.Styles.add("constructor#pmywlPlacemark", {
            iconStyle : {
                href : "http://bwcil.ru/komp/assets/images/logoya.png",
                size : new YMaps.Point(36,41),
                offset: new YMaps.Point(-13,-40)
            }
        }

       map.addOverlay(createObject("Placemark", new YMaps.GeoPoint(34.376235,53.281039), "constructor#pmrdlPlacemark", "Брянск")
       map.addOverlay(createObject("Placemark", new YMaps.GeoPoint(83.761648,53.356336), "constructor#pmvvlPlacemark", "Барнаул")
       map.addOverlay(createObject("Placemark", new YMaps.GeoPoint(40.420325,56.13445), "constructor#pmlblPlacemark", "Владимир")
       map.addOverlay(createObject("Placemark", new YMaps.GeoPoint(39.204078,51.662507), "constructor#pmbllPlacemark", "Воронеж")
       map.addOverlay(createObject("Placemark", new YMaps.GeoPoint(60.59734,56.837982), "constructor#pmgnlPlacemark", "Екатеринбург")
       map.addOverlay(createObject("Placemark", new YMaps.GeoPoint(49.122853,55.786764), "constructor#pmdolPlacemark", "Казань")
       map.addOverlay(createObject("Placemark", new YMaps.GeoPoint(38.976032,45.034942), "constructor#pmorlPlacemark", "Краснодар")
       map.addOverlay(createObject("Placemark", new YMaps.GeoPoint(65.342322,55.453687), "constructor#pmgnlPlacemark", "Курган")
       map.addOverlay(createObject("Placemark", new YMaps.GeoPoint(37.609218,55.753559), "constructor#pmntlPlacemark", "Москва")
       map.addOverlay(createObject("Placemark", new YMaps.GeoPoint(44.997376,53.183188), "constructor#pmpnlPlacemark", "Пенза")
       map.addOverlay(createObject("Placemark", new YMaps.GeoPoint(39.744918,47.227163), "constructor#pmrdlPlacemark", "Ростов на Дону")
       map.addOverlay(createObject("Placemark", new YMaps.GeoPoint(50.19908,53.244418), "constructor#pmpnlPlacemark", "Самара")
       map.addOverlay(createObject("Placemark", new YMaps.GeoPoint(30.313622,59.93772), "constructor#pmdblPlacemark", "Санкт-Петербург")
       map.addOverlay(createObject("Placemark", new YMaps.GeoPoint(31.999095,54.7798), "constructor#pmywlPlacemark", "Смоленск")
       map.addOverlay(createObject("Placemark", new YMaps.GeoPoint(46.004459,51.537775), "constructor#pmgnlPlacemark", "Саратов")
       map.addOverlay(createObject("Placemark", new YMaps.GeoPoint(55.983161,54.738437), "constructor#pmvvlPlacemark", "Уфа")
       map.addOverlay(createObject("Placemark", new YMaps.GeoPoint(39.887714,57.622506), "constructor#pmpnlPlacemark", "Ярославль")
       
        function createObject (type, point, style, description) {
            var allowObjects = ["Placemark", "Polyline", "Polygon"],
                index = YMaps.jQuery.inArray( type, allowObjects),
                constructor = allowObjects[(index == -1) ? 0 : index];
                description = description || "";
           
            var object = new YMaps[constructor](point, {style: style, hasBalloon : !!description}
            object.description = description;
           
            return object;
        }
    }
</script>

<div id="YMapsID-542" style="width:900px;height:400px"></div>
<div style="width:600px;text-align:right;font-family:Arial"></div>
<!-- Этот блок кода нужно вставить в ту часть страницы, где вы хотите разместить карту (конец) -->

1 комментарий
Подписаться на комментарии к посту

Тоже новичок )

Проблема в том, что карта (самая обычная) отображается только при "прямом" обращении через GET к странице, но при подгрузке данной страницы через ajax ничего не происходит - карты нет. Много эксперементировал - то ошибка "Вызов document.write() из асинхронно-загруженного внешнего сценария был проигнорирован", то просто тишина...

В идеале хотелось бы сначала подгружать картинку с картой (на случай, если не включен javascript), а затем по клику на картинку подгурзить карту. Вот код (почти не модифицировал):

jQuery("#img_map").live('click', function(){

$.getScript("http://api-maps.yandex.ru/1.1/?key=AH8tn04BAAAAET6aWgIAXYfF2qkPH_Fx_L4ZUmaAmEf1uUcAAAAAAAAAAAA5ZdWFXNSOyhxsKkUInvRiAXCFBA==&modules=pmap&wizard=constructor");

YMaps.jQuery(window).load(function () {

        var map = new YMaps.Map(YMaps.jQuery("#YMapsID-58")[0]);
        map.setCenter(new YMaps.GeoPoint(30.265758,60.01137), 14, YMaps.MapType.MAP);
        map.addControl(new YMaps.Zoom());
        map.addControl(new YMaps.ToolBar());
        YMaps.MapType.PMAP.getName = function () { return "Народная"; };
        map.addControl(new YMaps.TypeControl([
            YMaps.MapType.MAP,
            YMaps.MapType.SATELLITE,
            YMaps.MapType.HYBRID,
            YMaps.MapType.PMAP
        ], [0, 1, 2, 3]));

        YMaps.Styles.add("constructor#pmlbmPlacemark", {
            iconStyle : {
                href : "http://api-maps.yandex.ru/i/0.3/placemarks/pmlbm.png",
                size : new YMaps.Point(28,29),
                offset: new YMaps.Point(-8,-27)
            }
        });

       map.addOverlay(createObject("Placemark", new YMaps.GeoPoint(30.26108,60.014185), "constructor#pmlbmPlacemark", "BAROZERO"));
       
        function createObject (type, point, style, description) {
            var allowObjects = ["Placemark", "Polyline", "Polygon"],
                index = YMaps.jQuery.inArray( type, allowObjects),
                constructor = allowObjects[(index == -1) ? 0 : index];
                description = description || "";
           
            var object = new YMaps[constructor](point, {style: style, hasBalloon : !!description});
            object.description = description;
           
            return object;
        }
    });

});

где "#img_map" - id картинки.

Соответственно сссылка на js код и все div-ы в подгружаемом файле.

Если кто знает, подскажите, пожалуйста, что я делаю не так.