Составляю карту, получаю от яндекса код, иду на страничку, жмак HTML, далее вставляю полученный код.. и ничего кроме ссылочки "Создано с помощью инструментов Яндекс.Карт" не появляется. только у меня так?
Сервис Яндекс.Карты предоставляют HTML и JS код. Код можно добавить в исходный код страницы в визуальном редакторе или в шаблон страницы с картой (например, themes/site_yandex_map.php).
Аналогичным образом добавляются любые другие части, не содержащие PHP-код: ролики с YouTube, видеоплееры и пр.
Все получилось. В очередной раз спасибо, Марина.
На всякий случай напишу более подробный алгоритм, мало ли кому пригодится.
Создаем на яндекс картах желаемое. То есть то, что в итоге хотим видеть на сайте.
Код, который выдал яндекс для удобства можно вставить в любой временный файл
Идем в локальную папку сайта и находим там папку themes
Берем файлик site.php (тот который отвечает за вывод шаблона Вашего сайта) и копируем его в эту же папку, получив что то вроде "копия_site.php"
Переименовываем "копия_site.php" в "site_yandex_map.php", к примеру. Назвать на самом деле можно как угодно, важно чтобы первое слово в названии файла было site.
Открываем файлик в notepad++ или другом доступном редакторе и между тегами head вставляем строчки из того кода что выдал яндекс:
Берем любой FTP менеджер и заливаем на хостинг файлик "site_yandex_map.php" в папку themes
Логинемся в системе управления своим сайтом и открываем страничку, на которую планируется установка карты.
Нажимаем кнопку "дополнительно" и в пункте "дизайн страницы" выбираем наш файл "site_yandex_map.php".
Нажимаем кнопку html в редакторе и туда вставляем полностью код, который предлагает яндекс и нажимаем обновить. Еще раз нажимаем html в редакторе и для собственного удовлетворения удаляем пустые строки в начале
Немного подправлю пост с учетом актуальности последних версий
Можно так, как пишет Петр. А можно шаги 3-7 пропустить, а вместо шага 9 в "Дополнительно" в поле javascript вписать то, что выдал Яндекс. Затем уже на шаге 10 в HTML источник вставляется оставшийся код, как описано.
Я думаю ничего страшного не будет если разрешить тег <script> в админском тинимце, ну и в догонку и <style> =)
в config.js, при инициализации добавляем
YMaps.Events.observe(geocoder, geocoder.Events.Load, function () {
if (this.length()) {
geoResult = this.get(0);
map.addOverlay(geoResult);
map.setBounds(geoResult.getBounds());
} else {
alert("Извините, объект на карте не найден")
}
});
}
</script>';
где:
$result['param'][0]['value'] - характеристика, где указана Область (город)
$result['param'][1]['value'] - характеристика выводящая адрес
Предварительно, конечно в админке необходимо создать характеристики к категории выводимых объектов, номера оттуда-же.
Недавно поменялся Яндекс.API. Теперь простенького редактора, описанного Петром нету(по крайней мере пока). Я бы хотел рассказать подробнее как сделать свою карту со своим логотипом вместо стандартной точки и подключить её к diafan.
Итак, начем:
Для начала нам необходимо определить координаты точки.
Для этого
1. Идем на ресурс http://api.yandex.ru/maps/tools/getlonglat/
2. Находим наш адрес на карте
3. В поле центр карты появятся координаты(напр. 37.610805,55.854769)
4. Меняем их местами, чтобы получилось 55.854769, 37.610805 (новые АПИ яндекс карт воспринимают координаты наоборот)
Теперь у нас есть координаты.
Далее пишем скрипт карты:
Код
<script type="text/javascript">
var myMap;
ymaps.ready(init);
function init () {
myMap = new ymaps.Map("your_div_id", //В этой строке your_div_id это ИД которым будет вызываться карта.
{
center: [55.854769, 37.610805], //Говорим, что центр карты будет по координатам 55.854769, 37.610805
zoom: 10, // Маштаб карты, допустимо от 1 до 16
behaviors: ['drag','scrollZoom'], // Добавляем возможно скролить карту колесиком мышки (scrollZoom) и перетаскивать левой кнопкой мыши (drag)
type: "yandex#hybrid" // Тип покрытия карты: "Гибрид".(Возможные варианты: yandex#satellite (Спутник), yandex#map (Обычная), yandex#publicMap (Народная)
});
myMap.controls
.add("zoomControl", {right: 5, top : 325}) // Кнопка изменения масштаба и ее положение. См css3 -> position: absolute
.add(new ymaps.control.TypeSelector(["yandex#map", //Добавляем выпадающий список типов карты
"yandex#satellite",
"yandex#hybrid",
"yandex#publicMap"])
);
myMap.geoObjects //Тут мы начинаем добавлять точки на карту(можно сколько душе угодно).
.add(new ymaps.Placemark([55.854769, 37.610805], //Добавляем точку с координатами 55.854769, 37.610805
{balloonContent: "Какое-то абстрактное место в Москве"}, //Это будет выводится при клике на точку(можно использовать html теги)
{iconImageHref: 'http://site.ru/img/mapicons/mapicon.png', //Говорим, что точка должна выводится картинкой и подсказываем скрипту где эта картинка находится.
iconImageSize: [45, 45], //Размеры иконки
iconImageOffset: [-30, -30]})) // Смещение левого верхнего угла иконки относительно её "ножки" (точки привязки).
.add(new ymaps.Placemark([55.777446, 37.770106], //Вторую точку добавляем по аналогии(если она конечно нужна)
{balloonContent: "Вот те еще одно место в Москве"},
{iconImageHref: 'http://site.ru/img/mapicons/mapicon.png',
iconImageSize: [45, 45],
iconImageOffset: [-30, -30]}))
};
</script>
После этого идем в административную часть сайта, создаем страницу Контакты и наполняем её нужным контентом
и затем нажимааем кнопку "HTML" в визуальном редакторе и пишем туда
Скорее всего путь к файлу с иконкой не правильный.
Всё работает отлично взял на заметку и освоил. Очень удобно кстати. Чего и всем советую.
С конструктором быстрее создать, зато вставить как хочется, может стать камнем приткновения. Вообщем не советую пользоваться конструктором.
P.S. Максу бы плюс в карму поставил как разработчику, но увы нет такой фишки пока.
<script type="text/javascript">// <![CDATA[
var myMap;
ymaps.ready(init);
function init () {
// Создание экземпляра карты и его привязка к контейнеру с
// заданным id (map)
var myMap = new ymaps.Map("map", {
// При инициализации карты, обязательно нужно указать
// ее центр и коэффициент масштабирования
center: [65.106416,92.541517], // Москва
zoom: 3
});
//Добавляем элементы управления
myMap.controls
// Кнопка изменения масштаба
.add("zoomControl")
// Список типов карты
.add("typeSelector")
// Стандартный набор кнопок
.add("mapTools")
//Линейка масштаба
.add(new ymaps.control.ScaleLine())
//Обзорная карта, с заданным типом
.add("searchControl", { left: 120, top: 5 })
;
myMap.behaviors.enable("scrollZoom");
myMap.geoObjects //Тут мы начинаем добавлять точки на карту(можно сколько душе угодно).
.add(new ymaps.Placemark([46.698973,141.866854], //Добавляем точку с координатами 55.854769, 37.610805
{balloonContent: '<a href=http://www.regmlm.ru/>Невельск, Сахалинская область</a><br>Адрес: ул. Железнодорожная<br>www.regmlm.ru'}, //Это будет выводится при клике на точку(можно использовать html теги)
{iconImageHref: 'http://regmlm.ru/maps/yandex.png', //Говорим, что точка должна выводится картинкой и подсказываем скрипту где эта картинка находится.
iconImageSize: [26, 26], //Размеры иконки
iconImageOffset: [-13, -13]})) // Смещение левого верхнего угла иконки относительно её ножки (точки привязки).
.add(new ymaps.Placemark([42.809527,132.873398], //Добавляем точку с координатами 55.854769, 37.610805
{balloonContent: '<a href=http://www.regmlm.ru/>Находка, Приморский край</a><br>Адрес: ул. Ленинская, д.2а, кор. 2, оф. 202<br>www.regmlm.ru'}, //Это будет выводится при клике на точку(можно использовать html теги)
{iconImageHref: 'http://regmlm.ru/maps/yandex.png', //Говорим, что точка должна выводится картинкой и подсказываем скрипту где эта картинка находится.
iconImageSize: [26, 26], //Размеры иконки
iconImageOffset: [-13, -13]})) // Смещение левого верхнего угла иконки относительно её ножки (точки привязки).
Всем доброго времени суток. Вопрос а как добавить яндекс карты в форум. Т.е как сделать так чтоб можно было добавлять всем скрипт яндекс карт в ответах и вопросах форума????
Заранее всем спасибо!!!
1. Идете на api.yandex https://tech.yandex.ru/maps/tools/constructor/, генерите карту, копируете код
2. Создает блок на сайте, и ставите галочку, что это html-код. туда копируете код с Яндекса
3. Вставляете блок, который у вас получился на страницу там где надо, к примеру, Контакты через кнопку в левом углу html у редактора
После выхода сборки 7.1 мы выпустили уже три патча, в каждом из которых улучшаем административную часть сайта. Сборка DIAFAN.CMS 7.1.3 уже доступна к установке.
Подводим итоги 2023 года. Выпустили новую сборку DIAFAN.CMS 7.1.1, вводим новые тарифы на аренду сайта и коммерческую поддержку и автообновления с января 2024 г., строим планы на будущий год.
В новой сборке DIAFAN.CMS 7.1.1 мы расширили функциональность баннеров, уделили внимание YML-фиду для Яндекс.Маркет, улучшили “Настройки шаблона”, оформили модуль лога действий и разработали “Заметки” для пользователей административной части сайта. Также проработали замечания и предложения наших пользователей, исправили несколько ошибок.