Присоединяйтесь к сообществу профессиональных веб-мастеров PR-CY, отвечайте на вопросы коллег и задавайте свои.
Поможем улучшить ваш сайт.
<script src="https://api-maps.yandex.ru/2.0/?load=package.full&lang=ru-RU" type="text/javascript"></script>
Вывод карты добавьте адрес в строку (ЗДЕСЬ ПИШИТЕ НУЖНЫЙ ВАМ АДРЕС) или координаты:
код можно сохранить в шаблоне, а адрес выводить запросом из БД для разных записей, и карта будет меняться для разных адресов.
<div id="map" style="width: 100%; height: 400px"><script type='text/javascript'>
ymaps.ready(init);
function init(){
var geocoder = new ymaps.geocode(
// Строка с адресом, который нужно геокодировать
'ЗДЕСЬ ПИШИТЕ НУЖНЫЙ ВАМ АДРЕС',
// требуемое количество результатов
{ results: 1 });
// После того, как поиск вернул результат, вызывается callback-функция
geocoder.then(
function (res) {
// координаты объекта
var coord = res.geoObjects.get(0).geometry.getCoordinates();
var map = new ymaps.Map('map', {
// Центр карты - координаты первого элемента
center: coord,
// Коэффициент масштабирования
zoom: 7,
// включаем масштабирование карты колесом
behaviors: ['default', 'scrollZoom'],
controls: ['mapTools']
});
// Добавление метки на карту
map.geoObjects.add(res.geoObjects.get(0));
// устанавливаем максимально возможный коэффициент масштабирования - 1
map.zoomRange.get(coord).then(function(range){
map.setCenter(coord, range[1] - 1)
});
// Добавление стандартного набора кнопок
map.controls.add('mapTools')
// Добавление кнопки изменения масштаба
.add('zoomControl')
// Добавление списка типов карты
.add('typeSelector');
}
);
}
</script>
</div>