Клуб API Карт

Глупые вопросы новичка

ms2000
8 апреля 2014, 10:51

Всем привет. Не знаю принято так делать или нет, но выхода нет - нужно делать проектик а навыков и умений минимум. Визуально делал раньше - сейчас посчитал более интересным использовать Y карты.

Подскажите, почему не работают балуны:

 

<!DOCTYPE html>

<html>

<head>
    <title>Интерактивная карта Карелии. Памятники природы, архитектурные достопримечательности</title>
    <meta http-equiv="Content-Type" content="text/html; charset=Windows-1251" />
    <!-- Если вы используете API локально, то в URL ресурса необходимо указывать протокол в стандартном виде (http://...)-->
    <script src="http://api-maps.yandex.ru/2.1-dev/?lang=ru-RU&load=package.full" type="text/javascript"></script>

<script type="text/javascript">
ymaps.ready(function () {
    var myMap = new ymaps.Map('YMapsID', {
            center: [62.5524, 34.2437],
            zoom: 7
        }),
        myPlacemark1 = new ymaps.Placemark([62.34, 35.25], {
        name: 'Часовня придорожная Параскевы Пятницы и Варлаама Хутынского',
        address: 'Деньги от легальной продажи блатных номеров, которой решила заняться Госдума, пойдут на строительство дорог. Об этом сообщил автор законопроекта депутат "Справедливой России" Михаил Сердюк, пишет в пятницу газета "Известия".',
        websayt: 'ahpoyla.html'
        }, {
            // Опции.
            iconLayout: 'default#image',
            iconImageHref: 'church.gif',
            iconImageSize: [40, 40],
            iconImageOffset: [0, 0]
        });

        myPlacemark2 = new ymaps.Placemark([62.46, 35.28], {
        name: 'Церковь каменная',
        address: 'Деньги от легальной продажи блатных номеров, которой решила заняться Госдума, пойдут на строительство дорог. Об этом сообщил автор законопроекта депутат "Справедливой России" Михаил Сердюк, пишет в пятницу газета "Известия".',
        websayt: 'chelmuzhi.html'
    }, {
            // Опции.
            iconLayout: 'default#image',
            iconImageHref: 'stone.gif',
            iconImageSize: [30, 30],
            iconImageOffset: [0, 0]
        });

// Создаем коллекцию, в которую будем добавлять метки
                myCollection = new ymaps.GeoObjectCollection();
 
    //Добавляем метки в коллекцию геообъектов.
            myCollection
                .add(myPlacemark1)
        .add(myPlacemark2);
 
            // Создаем шаблон для отображения контента балуна
            var myBalloonLayout = ymaps.templateLayoutFactory.createClass(
                '<h3>$[properties.name]</h3>' +
                '<p><strong></strong> $[properties.address]</p>' +
                '<p><strong></strong> <a href="$[properties.websayt]" target="_blank">Подробнее...</a></p>'
            );
 
            // Помещаем созданный шаблон в хранилище шаблонов. Теперь наш шаблон доступен по ключу 'my#theaterlayout'.
            ymaps.layout.storage.add('my#theaterlayout', myBalloonLayout);
 
            // Задаем наш шаблон для балунов геобъектов коллекции.
            myCollection.options.set({
                balloonContentBodyLayout:'my#theaterlayout',
                // Максимальная ширина балуна в пикселах
                balloonMaxWidth: 300
            });
 
            // Добавляем коллекцию геообъектов на карту.
            myMap.geoObjects.add(myCollection);
});
</script>
</head>

<style type="text/css">
    #YMapsID {
        width: 1024px;
        height: 768px;
    }
</style>

<body>
    <div id="YMapsID"></div>
</div>
</body>

</html>

 

8 комментариев
Подписаться на комментарии к посту
Доброе утро.
Очень сложно по коду проанализировать ошибку.
А как именно не работает? Карта не отображается? Балун не открывается?
Есть ли ссылка на страницу с картой?

Сделайте из вашего кода работающий пример на jsfiddle.net

и запостите тут на него ссылку

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

см. http://ms2000.narod.ru/map/NEw2-1-2.html

 

У вас очень интересные иконки метки. Скажите пожалуйста, а что за проект? Интересно :)

Был такой сайт "Дорогами Русского Севера" - посвященный путешествиям по России. Там была интерактивная карта достопримечательностей. Сейчас зайт закрыт по некоторым причинам. Нужно переделать карту на современном уровне для другого сайта но помогать некому а сам я почти профан.

Жду и надеюсь на помощь.

 

Сделайте как советуют выше. И тогда вам помогут. 

Как туда загрузить файл (файлы)?

 

Файлы туда грузить не надо.

Там 4 окна

HTML. JavaScript CSS и конечный результат

Слева надо подключить АПИ как External resource