Как добавить свой логотип на Яндекс карту
- КатегорияFrontend
- Просмотров1764
- Дата публикации5 Декабря 2022
Обязательная разметка
Вам потребуется в обязательном порядке весь код Яндекс карты разместить в диве с id=map. Так же не забывайте указать размеры этого дива, иначе карта может не отобразится.
<div></div>
Подключение к API Яндекс карт
Второй шаг — это подключение к API Яндекс карт. Очень важный момент — на других ресурсах отправляют получать API ключ, делать этого не нужно, достаточно просто подключить скрипт так, как указано ниже.
<script src="http://api-maps.yandex.ru/2.1/?lang=ru_RU"></script>
Выводим Яндекс карту со своим логотипом
<script>
ymaps.ready(init); function init () {
var myMap = new ymaps.Map("map", {
// Координаты центра карты
center:[55.
72418355036728,37.50472259430868],
// Масштаб карты
zoom: 16,
// Выключаем все управление картой
controls: []
}); var myGeoObjects = []; // Указываем координаты метки
myGeoObjects = new ymaps.Placemark([55.72418355036728,37.50472259430868],{
balloonContentBody: 'БЦ 'Минская Плаза'',
},{
iconLayout: 'default#image',
// Путь до нашей картинки
iconImageHref: '/assets/adress.png',
// Размеры иконки
iconImageSize: [70, 70],
// Смещение верхнего угла относительно основания иконки
iconImageOffset: [-35, -35]
}); var clusterer = new ymaps.Clusterer({
clusterDisableClickZoom: false,
clusterOpenBalloonOnClick: false,
}); clusterer.add(myGeoObjects);
myMap.geoObjects.add(clusterer);
// Отключим zoom
myMap.behaviors.disable('scrollZoom'); }
</script>
Что должно получится в итоге
Итоговый код Вы можете использовать сразу у себя в проекте, не забудьте подставить свои координаты и путь к своей иконке. Координаты можно рассчитать в конструкторе Яндекс карт
<div>
<script src="http://api-maps.
yandex.ru/2.1/?lang=ru_RU"></script>
<script>
ymaps.ready(init); function init () {
var myMap = new ymaps.Map("map", {
// Координаты центра карты
center:[55.72418355036728,37.50472259430868],
// Масштаб карты
zoom: 16,
// Выключаем все управление картой
controls: []
}); var myGeoObjects = []; // Указываем координаты метки
myGeoObjects = new ymaps.Placemark([55.72418355036728,37.50472259430868],{
balloonContentBody: 'БЦ 'Минская Плаза'',
},{
iconLayout: 'default#image',
// Путь до нашей картинки
iconImageHref: '/assets/adress.png',
// Размеры иконки
iconImageSize: [70, 70],
// Смещение верхнего угла относительно основания иконки
iconImageOffset: [-35, -35]
}); var clusterer = new ymaps.Clusterer({
clusterDisableClickZoom: false,
clusterOpenBalloonOnClick: false,
}); clusterer.add(myGeoObjects);
myMap.geoObjects.add(clusterer);
// Отключим zoom
myMap.behaviors.disable('scrollZoom'); }
</script>
</div>
Простой модуль Яндекс.Карт для Joomla 4
Модуль, позволяет легко внедрить на сайт одну и более Яндекс. Карт, нанести множество точек и подписать их. Модуль подходит как для контактов, так и для обозначения филиалов компании, пунктов выдачи и так далее.
Для корректного отображения карты необходимо получить Ключ API от Яндекса в разделе API интерфейсы. Подробнее написано в настройках модуля. Существует также версия модуля для Joomla 3.
Возможности:
— Выбор показа пробок (API 2.1)
— Выбор списка типов карты
— Выбор стандартного набора иконок
— Установка ширины и высоты карты
— Установка новых точек и их описания
— Замена стандартной метки на любой другой
Версии:
— Скачать для Joomla 4
— Скачать для Joomla 3
В чате сообщества есть разработчик — @AxeldMaster
Joomla!® CMS — пожалуй, лучшая система управления контентом с открытым исходным кодом
Joomla! — это больше, чем просто программное обеспечение, это люди, включающие разработчиков, дизайнеров, системных администраторов, переводчиков, копирайтеров, и, что самое главное — простых пользователей.
Мы рады пригласить вас в ряды нашего сообщества!
Скачать Joomla! 4.2.8 Русский язык для Joomla Документация Joomla! CMS
СвернутьРазвернуть
-
Quick Menu — модуль панели администратора для Joomla 4
-
Вышел релиз Joomla 4.2.9
-
WT Guru YooKassa платёжный плагин для компонента продажи видео-курсов
-
Вышел релиз Joomla 4.
2.9
-
NorrCompetition 2.0.0 — стабильная версия компонента конкурсов для Joomla 4
-
Вышел релиз безопасности Joomla 4.2.8
-
Вышел релиз Joomla 4.3 Beta 1
-
Вышел релиз безопасности Joomla 4.2.7
-
Новая функция в Joomla 4: процессы публикации
-
90 баллов в Pagespeed для сайта на Joomla
-
Компоненты магазинов для Joomla топ 2020
-
Подсказки эксперта как правильно выбрать хостинг
-
Топ 10 лучших расширений для Joomla в 2020 году
-
Шаблоны и стили Joomla
Популярные записи
- Вышел релиз безопасности Joomla 4.
2.7
- Вышел релиз безопасности Joomla 4.2.8
- Вышел релиз Joomla 4.3 Beta 1
- NorrCompetition 2.0.0 — стабильная версия компонента конкурсов для Joomla 4
- Вышел релиз Joomla 4.2.9
Форум о Joomla
- Re: Вышли релизи безопасности Joomla 4.2.8
Joomla 4.x: Общие вопросы
- Вышел релиз Joomla 4.2.9
Joomla 4.x: Общие вопросы
- Re: QuickForm 3 — конструктор простых и сложных форм
Конструкторы форм
- Re: QuickForm 3 — конструктор простых и сложных форм Конструкторы форм
- Re: QuickForm 3 — конструктор простых и сложных форм
Конструкторы форм
cmsplugin-yandex-maps · PyPI
Богатый функционал Плагин Яндекс Карт для Django-CMS
Описание проекта
cmsplugin-yandex-maps
===========
Богатый функционал Плагин Яндекс Карт для Django-CMS
v0. 1.1
——-
Богатый функционал Плагин Яндекс Карт для Django- CMS
УСТАНОВКА
===========
`pip install cmsplugin-yandex-map`
или
`pip install git+https://github.com/Atterratio/cmsplugin-yandex -maps.git`
Затем добавьте `cmsplugin-yandex-map` в `INSTALLED_APPS` и запустите `manage.py migrate`.
ОСОБЕННОСТИ
* настройка карты и маркеров
* несколько карт на странице
* несколько маркеров
* автоматические координаты и автоматическое размещение
* настройка размера
* хак для скрытых элементов, таких как модальный, аккордеон, карусель
* маршрутизация (уродливая)
Список изменений
——-
#####v0.1.1:
* исправить сбой при задании широты и долготы места
* исправить не пустое поведение и элементы управления
Детали проекта
0.4.4
0.4.3
0.4.2
0.4.1
0.4.0
0.3.0
0.2.1
0.2.0
Эта версия
0.1.1
0.1.0
Загрузить файлы
Загрузить файл для вашей платформы. Если вы не уверены, что выбрать, узнайте больше об установке пакетов.
Исходные дистрибутивы
Для этого выпуска нет исходных файлов дистрибутива. См. руководство по созданию архивов дистрибутива.
Встроенный дистрибутив
cmsplugin_yandex_maps-0.1.1-py3-none-any.whl (27,4 КБ посмотреть хеши)
Загружено ру3
Закрывать
Хэши для cmsplugin_yandex_maps-0.1.1-py3-none-any.whl
Алгоритм | Дайджест хэша | |
---|---|---|
ША256 | 2171f79893c5b58bcee0211de1231024679a96976ca6e011aebc324e0070a342 | |
МД5 | e17e30c561c65890c891433f8fbb9131 | |
БЛЕЙК2б-256 | пчела31c05c48d2ea8e575d783ed6db0283ef3923c8673e04169b5dfe371f033e4 |
cmsplugin-yandex-maps · PyPI
Богатый функционал Плагин Яндекс Карт для Django-CMS
Описание проекта
cmsplugin-yandex-maps
Богатый функционал Плагин Яндекс Карт для Django-CMS
v0.

ТРЕБОВАНИЯ
Python >= 3,3
Джанго >= 1,8
Django-CMS >=3,3
УСТАНОВКА
запустить
pip установить cmsplugin-yandex-map
илиpip установить git+https://github.com/Atterratio/cmsplugin-yandex-maps.git
;добавить
cmsplugin-yandex-map
к вашемуINSTALLED_APPS
;запустить
manage.py migrate
;запустить
manage.py collectstatic
;добавить jQuery 9yamaps/’, включаем(cmsplugin_yandex_maps.urls, namespace=»yamaps»), в ваш
urlpatterns
вurls.py
.
ХАРАКТЕРИСТИКИ
настройка карты и маркеров
несколько карт на странице
мультимаркеры
автокоординаты и авто размещение
Маркеры и карты «перетаскивания» (в режиме редактирования страницы)
автономный маркер простой(щелчок правой кнопкой мыши по карте в режиме редактирования страницы) создать
изменение размера
хак для скрытых элементов, таких как модал, аккордеон, карусель
маршрутизация
Детали проекта
Эта версия
0. 4.4
0.4.3
0.4.2
0. 4.1
0.4.0
0.3.0
0. 2.1
0.2.0
0.1.1
0. 1.0
Загрузить файлы
Загрузить файл для вашей платформы. Если вы не уверены, что выбрать, узнайте больше об установке пакетов.
Исходный дистрибутив
cmsplugin-yandex-maps-0.4.4.tar.gz (37,1 КБ посмотреть хеши)
Загружено источник
Встроенный дистрибутив
cmsplugin_yandex_maps-0. 4.4-py3-none-any.whl
(55,4 КБ
посмотреть хеши)
Загружено ру3
Закрывать
Хэши для cmsplugin-yandex-maps-0.4.4.tar.gz
Алгоритм | Дайджест хэша | |
---|---|---|
ША256 | 11c4c3da9a8c471a3c7efbfa46727266264606b961e4c708f41bf9b2816e5755 | |
МД5 | 8cda8fe78971266d7333e97ff2c7458f | |
БЛЕЙК2б-256 | 112e76cf47c52dbc42ea71ab1f14976bf07231059eb4a9101b8965af7a463509 |
Закрывать
Хэши для cmsplugin_yandex_maps-0.
