Клуб API Карт

Не работает карта

orionchik1
31 мая 2012, 10:59

Вообщем писал вам в твиторе. Отослали сюда. Ну коль так то так.

То что выдал ваш конструктор

<!-- Этот блок кода нужно вставить в ту часть страницы, где вы хотите разместить карту (начало) -->
<div id="ymaps-map-id_133844325584167042546" style="width: 450px; height: 350px;"></div>
<div style="width: 450px; text-align: right;"><a href="http://api.yandex.ru/maps/tools/constructor/?lang=ru-RU" target="_blank" style="color: #1A3DC1; font: 13px Arial,Helvetica,sans-serif;">Создано с помощью инструментов Яндекс.Карт</a></div>
<script type="text/javascript" src="http://api-maps.yandex.ru/2.0/?coordorder=longlat&load=package.full&wizard=constructor&lang=ru-RU&onload=fid_133844325584167042546"></script>
<script type="text/javascript">
function fid_133844325584167042546(ymaps) {
    var map = new ymaps.Map("ymaps-map-id_133844325584167042546", {
        center: [50.21004662698357, 53.20108718442423],
        zoom: 16,
        type: "yandex#map"
    }
    map.controls
        .add("zoomControl")
        .add("mapTools")
        .add(new ymaps.control.TypeSelector(["yandex#map", "yandex#satellite", "yandex#hybrid", "yandex#publicMap"])
    map.geoObjects
        .add(new ymaps.Placemark([50.21010420509223, 53.200919901476304], {
            balloonContent: ""
        }, {
            preset: "twirl#lightblueDotIcon"
        })
};
</script>
<!-- Этот блок кода нужно вставить в ту часть страницы, где вы хотите разместить карту (конец) -->

 

В мозиле и опере не отображается, только в хроме

 

То что я взял из примера вот тут вроде( точно уже не помню) http://api.yandex.ru/maps/doc/jsapi/2.x/examples/mapcontrolsbasic.html  и допилил под себя теперь РАБОТАЕТ

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

 

<!--
        Подключаем API карт 2.x
        Параметры:
          - load=package.full - полная сборка;
          - lang=ru-RU - язык русский.
    -->
    <script src="http://api-maps.yandex.ru/2.0/?load=package.full&lang=ru-RU"
            type="text/javascript"></script>

    <script type="text/javascript">
        // Как только будет загружен API и готов DOM, выполняем инициализацию
        ymaps.ready(init);

        function init () {
            var myMap = new ymaps.Map("map", {
                    center: [53.20108718442423, 50.21004662698357],
                    zoom: 16
                }),
                // Первый способ задания метки
                myPlacemark = new ymaps.Placemark([53.200919901476304, 50.21010420509223]),
                // Второй способ
                myGeoObject = new ymaps.GeoObject({
                    // Геометрия.
                   
                }

            // Добавляем метки на карту
            myMap.geoObjects
                .add(myPlacemark)
                ;


// Для добавления элемента управления на карту
            // используется поле controls, ссылающееся на
            // коллекцию элементов управления картой.
            // Добавление элемента в коллекцию производится
            // с помощью метода add().

            // В метод add можно передать строковый идентификатор
            // элемента управления и его параметры.
            myMap.controls
                // Кнопка изменения масштаба
                .add('zoomControl')
                // Список типов карты
                .add('typeSelector')
                // Кнопка изменения масштаба - компактный вариант
                // Расположим её справа
                .add('smallZoomControl', { right: 5, top: 75 })
                // Стандартный набор кнопок
                .add('mapTools');

            // Также в метод add можно передать экземпляр класса, реализующего определенный элемент управления.
            // Например, линейка масштаба ('scaleLine')
           

        }
    </script>

<div id="map" style="width:600px; height:300px"></div>