Архив: POPUP из балуна яндекс
Бюджет
По договоренности
Создан: 6 лет назад
Закрыт
- Описание
- Имеется взятый из песочницы яндекса
ymaps.ready(init);
function init () {
var myMap = new ymaps.Map('map', {
center: [52.826716, 107.832781],
zoom: 8,
controls: ['zoomControl', 'typeSelector', 'fullscreenControl', 'geolocationControl']
}, {
searchControlProvider: 'yandex#search'
}),
objectManager = new ymaps.ObjectManager({
// Чтобы метки начали кластеризоваться, выставляем опцию.
clusterize: true,
// ObjectManager принимает те же опции, что и кластеризатор.
gridSize: 32,
clusterDisableClickZoom: true,
clusterBalloonMaxWidth: 290,
clusterBalloonMaxHeight: 300,
clusterBalloonContentLayoutWidth: 255,
clusterBalloonLeftColumnWidth: 70,
});
// Чтобы задать опции одиночным объектам и кластерам,
// обратимся к дочерним коллекциям ObjectManager.
objectManager.objects.options.set('preset', 'islands#greenDotIcon');
objectManager.clusters.options.set('preset', 'islands#greenClusterIcons');
myMap.geoObjects.add(objectManager);
$.ajax({
url: "js/data_map.json"
}).done(function(data) {
objectManager.add(data);
});
}
Содержание json
{
"type": "FeatureCollection",
"features": [
{"type": "Feature", "id": 64, "geometry": {"type": "Point", "coordinates": [52.990937, 108.283042]}, "properties": {"balloonContentBody": "<a href='http://baikalvr.com/tours/turka.html'><img src='http://baikalvr.com/images/thumbs/7.jpg' width='220' style='padding: 0px;'></a>", "clusterCaption": "<img src='http://baikalvr.com/images/thumbs/7.jpg' width='50'>"}},
{"type": "Feature", "id": 65, "geometry": {"type": "Point", "coordinates": [52.990931, 108.283031]}, "properties": {"balloonContentBody": "<a href='http://baikalvr.com/tours/turka.html'><img src='http://baikalvr.com/images/thumbs/7.jpg' width='220' style='padding: 0px;'></a>", "clusterCaption": "<img src='http://baikalvr.com/images/thumbs/7.jpg' width='50'>"}},
{"type": "Feature", "id": 66, "geometry": {"type": "Point", "coordinates": [52.993628, 108.281625]}, "properties": {"balloonContentBody": "<a href='http://baikalvr.com/tours/turka.html'><img src='http://baikalvr.com/images/thumbs/7.jpg' width='220' style='padding: 0px;'></a>", "clusterCaption": "<img src='http://baikalvr.com/images/thumbs/7.jpg' width='50'>"}},
{"type": "Feature", "id": 78, "geometry": {"type": "Point", "coordinates": [52.792222, 107.958055]}, "properties": {"balloonContentBody": "<a href='http://baikalvr.com/tours/turka.html'><img src='http://baikalvr.com/images/thumbs/7.jpg' width='220' style='padding: 0px;'></a>", "clusterCaption": "<img src='http://baikalvr.com/images/thumbs/7.jpg' width='50'>"}},
{"type": "Feature", "id": 86, "geometry": {"type": "Point", "coordinates": [52.873333, 108.145000]}, "properties": {"balloonContentBody": "<a href='http://baikalvr.com/tours/turka.html'><img src='http://baikalvr.com/images/thumbs/7.jpg' width='220' style='padding: 0px;'></a>", "clusterCaption": "<img src='http://baikalvr.com/images/thumbs/7.jpg' width='50'>"}},
{"type": "Feature", "id": 87, "geometry": {"type": "Point", "coordinates": [52.873333, 108.144444]}, "properties": {"balloonContentBody": "<a href='http://baikalvr.com/tours/turka.html'><img src='http://baikalvr.com/images/thumbs/7.jpg' width='220' style='padding: 0px;'></a>", "clusterCaption": "<img src='http://baikalvr.com/images/thumbs/7.jpg' width='50'>"}},
{"type": "Feature", "id": 88, "geometry": {"type": "Point", "coordinates": [52.884167, 108.112778]}, "properties": {"balloonContentBody": "<a href='http://baikalvr.com/tours/turka.html'><img src='http://baikalvr.com/images/thumbs/7.jpg' width='220' style='padding: 0px;'></a>", "clusterCaption": "<img src='http://baikalvr.com/images/thumbs/7.jpg' width='50'>"}},
{"type": "Feature", "id": 125, "geometry": {"type": "Point", "coordinates": [51.639287, 105.543242]}, "properties": {"balloonContentBody": "<a href='http://baikalvr.com/tours/turka.html'><img src='http://baikalvr.com/images/thumbs/7.jpg' width='220' style='padding: 0px;'></a>", "clusterCaption": "<img src='http://baikalvr.com/images/thumbs/7.jpg' width='50'>"}}
]
}
Необходимо:
1) Настроить отображение картинки в балуне, прилагаются файлы как отображается сейчас и как надо с сохранением размеров.
2) При нажатии на картинку в правой части балуна должно выводиться модальное окно на всю ширину и высоту страницы с содержимым по ссылке из файла json (панорама 360), в правом верхнем углу должен быть контрастный крестик для закрытия модального окна, после закрытия всплывающего окна балун должен оставаться без изменений.
Скрипт взял отсюда: object_manager
- Категория
Похожие проекты
0
3
Необходимо разработать систему, которая: Подключается к API Diagnocat и iDent (через токены доступа). Получает данные о пациенте, результатах диагностики, снимках и назначениях. Автоматически формирует структурированный отчет по шаблону (включая врачей, этапы лечения, стоимость и описание процедур).......
2 месяца назад
0
0
Необходимо связать БД 1C:ERP с БД Outlook, MS Access, Битрикс24. Например при вводе нового сотрудника в 1С:ERP он должен автоматически появляться в вышеперечисленных БД....
2 месяца назад
0
1
Требуется реализация отчёта на кастомизированной 1С:УПП 1. 2, ТЗ и контрольный пример во вложении, 80% кода должно быть покрыто модульными тестами....
2 месяца назад
$7
0
2
Мне нужно копировать мой текст и вставлять в одну группу ВК с открытой стеной для публикации рекламы. Задача скрипта/сервиса/программы - примерно каждые 10 секунд брать мой текст и вставлять в эту группу. Я пробовал через одну программу, которая записывает действия мышки и потом повторяет, но она как-то......
4 месяца назад
0
0
Написать прошивку для A94B114, используя 2 подобные рабочие прошивки. Все файлы есть....
5 месяцев назад
$21
0
2
Нужно разархивировать файл архив. ujems, есть распаковщик, но выдает ошибку. Прислать пруфы(скрины)....
7 месяцев назад
0
1
Входные: Имеется скрипт по обработке email писем и добавление их в систему Redmine Проблема: Система обработки этих писем написана некорректная и негибкая Задача: Переписать логику обработки входящих писем, чтобы исключить их потерю при незначительных отклонениях от ожидаемой структуры....
7 месяцев назад
$37
0
1
- В обязанности сотрудника входит поддержание мобильного приложения системы автоматизации бизнеса. - Работа сдельная: задачи выдаются на оценку, далее после согласования передаются на реализацию. - Заключаем договор и NDA (соглашение о неразглашении)....
7 месяцев назад
$71
0
0
Информация о проекте: Проект включает в себя React Native приложение с Expo внутри которого находится webview с сайтом На устройствах с ОС IOS проблема с воспроизведением видео....
7 месяцев назад
0
0
Разрабатываю десктопные программы на языке Java, а так же Java + SQL....
7 месяцев назад
0
0
0
6
1. Чтобы можно было писать описание события (без заголовка) - превью в списке берется N количества букв с начала. (в списке писать дату события и сколько осталось до него) . Выставление даты и времени напоминания и ИНТЕРВАЛА ПОВТОРА ОТ 1 МИНУТЫ! Выставлять количество повторов, далее напоминания прекращаются.......
8 месяцев назад
0
4
Сайт arg2028t. beget. tech/. Нужно сделать вот такой калькулятор. airprint. by/outdoor/wide-format. и еще некоторые доработки....
8 месяцев назад
$214
0
1
0
7
Краткое описание: Мы ищем исполнителя для тестирования функционала мобильного приложения на платформе Android. Задача включает проверку основных функций приложения, таких как работа комнаты, передача видео, звука и чата, а также создание подробной отчетности о найденных ошибках. Требования к исполнителю:......
9 месяцев назад
0
12
$143
0
0
Oпpocы (1008pyб/чaс) Заходитe на сaйт: gonsù....
10 месяцев назад
0
4
Требуется создать скрипт для premiere pro. Данная суть скрипта: в выделеном бине нужно что бы автоматически проставлялся in out ровно по серидине файла так что бы выделенная область была длиной 3 секунды. И требуется кнопка что бы работало через окно expressions. Проблема текущего в том что он не работает......
10 месяцев назад
0
2
Нужно создать приложения под гемблинг/беттинг, на котлин. Приложение должно работать Firebase. Детали вышлю при обсуждение....
10 месяцев назад
$21
0
4
Нужно разархивировать файл archive. ujems, есть распаковщик, но выдает ошибку. Прислать пруфы ....
1 год назад
0
3
Разработать впн сервис ( Приложения на ios и android + сайт для оплаты подписки). Настройка Серверов. Оплата по договоренности. Работаем черед безопасную сделку....
1 год назад
Похожая удалённая работа
- Удаленная работа для веб-программиста
- Удаленная работа для разработчика баз данных
- Удаленная работа для прикладного программиста
- Удаленная работа для системного программиста
- Удаленная работа для разработчика игр
- Удаленная работа для разработчика мобильных приложений
- Удаленная работа для тестировщика ПО
- Удаленная работа для 1С программиста
- Удаленная работа для разработчика встраиваемых систем
- Удаленная работа для разработчика CRM и ERP
Перетащите