Всем привет. Не знаю принято так делать или нет, но выхода нет - нужно делать проектик а навыков и умений минимум. Визуально делал раньше - сейчас посчитал более интересным использовать Y карты.
Подскажите, почему не работают балуны:
<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
<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>