Александр Лубянский 5 Жалоба Опубликовано: October 20, 2016 Доброго времени суток Участникам! Кто то возможно уже пробовал реализовать панораму карт в карточке объекта? Поделиться сообщением Ссылка на сообщение Поделиться на других сайтах
TopRaN 235 Жалоба Опубликовано: October 20, 2016 20 минут назад, Александр Лубянский сказал: Доброго времени суток Участникам! Кто то возможно уже пробовал реализовать панораму карт в карточке объекта? да, было дело https://bn.ua/arenda-3-kvartira-kiev-svyatoshinskiy-akademgorodok-rahmaninova-ul-2424/ Поделиться сообщением Ссылка на сообщение Поделиться на других сайтах
metrpro 42 Жалоба Опубликовано: October 20, 2016 Тоже делал metrpro.ru 1 Александр Лубянский reacted to this Поделиться сообщением Ссылка на сообщение Поделиться на других сайтах
Александр Лубянский 5 Жалоба Опубликовано: October 20, 2016 Только что, metrpro сказал: Тоже делал metrpro.ru Зачетно! Я так у вас уже прижился!))) А это как то проморгал)))) Поделиться сообщением Ссылка на сообщение Поделиться на других сайтах
metrpro 42 Жалоба Опубликовано: October 20, 2016 3 часа назад, Александр Лубянский сказал: Зачетно! Я так у вас уже прижился!))) А это как то проморгал)))) Я не афишировал эту наработку 1 Александр Лубянский reacted to this Поделиться сообщением Ссылка на сообщение Поделиться на других сайтах
Александр Лубянский 5 Жалоба Опубликовано: October 20, 2016 Только что, metrpro сказал: Я не афишировал эту наработку Я и на сайте не заметил) Так бы уже за наводкой отписал)) Поделиться сообщением Ссылка на сообщение Поделиться на других сайтах
TopRaN 235 Жалоба Опубликовано: October 20, 2016 Только что, Александр Лубянский сказал: Я и на сайте не заметил) Так бы уже за наводкой отписал)) Так в чем проблема? Гугл в помощь. К тому же там так все подробно расписано. Поделиться сообщением Ссылка на сообщение Поделиться на других сайтах
Дмитрий Кондин 690 Жалоба Опубликовано: October 21, 2016 Панорамы от гугла https://developers.google.com/maps/documentation/streetview/?hl=ru От яндекса https://yandex.ru/support/maps/concept/panoramas.xml Поделиться сообщением Ссылка на сообщение Поделиться на других сайтах
metrpro 42 Жалоба Опубликовано: October 21, 2016 5 часов назад, rumantic сказал: Панорамы от гугла https://developers.google.com/maps/documentation/streetview/?hl=ru От яндекса https://yandex.ru/support/maps/concept/panoramas.xml Гугловские ставить сложно. А яндексовские чтобы включить, нужно сначала обновить api на свежий, который это поддерживает, вроде 2.2. Но я человек простой и в этих апи не разбираюсь, честно говоря, хотя здесь и была гдето тема про это, там Костя разъяснение давал 1 Александр Лубянский reacted to this Поделиться сообщением Ссылка на сообщение Поделиться на других сайтах
Александр Лубянский 5 Жалоба Опубликовано: November 14, 2016 Поделитесь рецептом пожалуйста! Перешерстил.. теория ясна, реализация хромает((( Поделиться сообщением Ссылка на сообщение Поделиться на других сайтах
ReatEstate 13 Жалоба Опубликовано: November 16, 2016 Я так понимаю, панорама это 3д тур? Поделиться сообщением Ссылка на сообщение Поделиться на других сайтах
Александр Лубянский 5 Жалоба Опубликовано: November 16, 2016 Только что, ReatEstate сказал: Я так понимаю, панорама это 3д тур? Ну по сути панорама конкретного объекта на карте Поделиться сообщением Ссылка на сообщение Поделиться на других сайтах
abushyk 694 Жалоба Опубликовано: November 16, 2016 Для гугля 1. Блок под панку <div id="panoview" style="width:100%;height:300px;"></div> 2. Коры для точки панорамы {if $data.geo.value.lat!='' && $data.geo.value.lng!=''} <script> var pobj_lat={$data.geo.value.lat}; var pobj_lng={$data.geo.value.lng}; </script> {else} <script> var pobj_lat=''; var pobj_lng=''; </script> {/if} 3. Скрипт запуска панорамки {literal} <script> /*объект-обработчик*/ var PanoRunner={}; PanoRunner.panorama=null; PanoRunner.initialize=function(pobj_lat, pobj_lng) { var panoposition = {lat: pobj_lat, lng: pobj_lng}; var sv = new google.maps.StreetViewService(); PanoRunner.panorama = new google.maps.StreetViewPanorama(document.getElementById('panoview')); sv.getPanorama({location: panoposition, radius: 50}, PanoRunner.processSVData); }; PanoRunner.processSVData=function(data, status){ if(status === google.maps.StreetViewStatus.OK){ PanoRunner.panorama.setPano(data.location.pano); PanoRunner.panorama.setPov({ heading: 270, pitch: 0 }); PanoRunner.panorama.setVisible(true); }else{ /*стирание блока под панорамку, если облом*/ $('#panoview').remove(); } } $(document).ready(function(){ if(pobj_lat!='' && pobj_lng!=''){ /*запуск подключателя панорамы*/ PanoRunner.initialize(pobj_lat, pobj_lng); }else{ /*стирание блока под панорамку, если координат нет*/ $('#panoview').remove(); } }); </script> {/literal} 4 Realtor, Johnny Bravo, Александр Лубянский и 1 other reacted to this Поделиться сообщением Ссылка на сообщение Поделиться на других сайтах
Александр Лубянский 5 Жалоба Опубликовано: November 17, 2016 Благодарю Вас! Подключил, панорама на миг пытается загрузиться и облом... включил карты гугл в админке... тоже самое(( Поделиться сообщением Ссылка на сообщение Поделиться на других сайтах
abushyk 694 Жалоба Опубликовано: November 17, 2016 тут проблема скорее всего в том, что вы грузите панораму в таб, который на момент загрузки закрыт. а значит не имеет физических размеров. а карты, гугловские 100%, практически никогда не способны загрузиться в "безразмерный" блок. Например если вы сразу залетите в блок панорамки открытый http://realizator.info/chastnoe-imuschestvo/prodaja-kvartir/appartamenti/kiselevo-zalogovoe-imuschestvo/#tab3 то она сарзу должна загрузиться. а если только перешли в ее таб, тогда нужно ресайзить окно, что бы страница персчитала размеры и догрузила панормаку в уже нормальный контейнер. Вариантов решения 2. 1. грузить панораму в открытый блок 2. грузить панораму в блок с абсолбтным позиционированием и четкими размерами в пикселях, но при загрузке размещенный за краем страницы а по клику открывашки таба, брать этот блок и перемещать в контейнер таба. Поделиться сообщением Ссылка на сообщение Поделиться на других сайтах
Александр Лубянский 5 Жалоба Опубликовано: November 18, 2016 Поставил в открытый тег и даже параметры блока по высоте задал... и... не вышел цветок! Поделиться сообщением Ссылка на сообщение Поделиться на других сайтах
TopRaN 235 Жалоба Опубликовано: November 18, 2016 20 минут назад, Александр Лубянский сказал: Поставил в открытый тег и даже параметры блока по высоте задал... и... не вышел цветок! Можно попробовать следующее function map_resize() { var h = $(window).height(), offsetTop = 60; $('#panoview').css('height', (h - offsetTop)); } $(document).ready(map_resize); или вариант номер 2 <script type="text/javascript"> //отслеживаем событие, когда отобразился таб $('a[data-toggle="tab"]').on('shown', function (e) { ymaps.ready(function () { //если атрибут href равен '#tab3' (а это указатель на наш div, в котором расположена карта) if ($(e.target).attr('href') == '#tab3' ) { //перерисовываем map.container.fitToViewport(); } }) }) </script> Это всего лишь пример с картой, механизм с панорамой тот же. (примеры для yandex карт 2.0 и выше) обновление таба для google $('#myTab a[href="#profile"]').on('shown', function(){ google.maps.event.trigger(map, 'resize'); map.setCenter(latlng); }); Вариант. 3 удалите обработчик Google DOM и вызывать функцию Initialize () с "шоу" триггер Jquery/ Карта затем загружается по нажатию на TAB jQuery('a[href="#googlemaps-tab-name"]').on('shown.bs.tab', function(e) { initialize(); }); Поделиться сообщением Ссылка на сообщение Поделиться на других сайтах
abushyk 694 Жалоба Опубликовано: November 18, 2016 5 часов назад, Александр Лубянский сказал: Поставил в открытый тег и даже параметры блока по высоте задал... и... не вышел цветок! а у меня ваши панорамы открываются на ура. Поделиться сообщением Ссылка на сообщение Поделиться на других сайтах
Александр Лубянский 5 Жалоба Опубликовано: November 18, 2016 Только что, abushyk сказал: а у меня ваши панорамы открываются на ура. Хм... не вижу)) Воткнул чистый код, без табсов и... ноль Поделиться сообщением Ссылка на сообщение Поделиться на других сайтах
ReatEstate 13 Жалоба Опубликовано: December 21, 2016 А подскажите, реально ли открывать на своем сайте - готовые панорамы с донора Dom.ria.com ? Поделиться сообщением Ссылка на сообщение Поделиться на других сайтах
Дмитрий Кондин 690 Жалоба Опубликовано: December 22, 2016 11 час назад, ReatEstate сказал: А подскажите, реально ли открывать на своем сайте - готовые панорамы с донора Dom.ria.com ? Попробуйте, но думаю все подобные сайты включают настройку HotLink protection, чтобы не линковали картинки и другие ресурсы с других сайтов. Поделиться сообщением Ссылка на сообщение Поделиться на других сайтах
Johnny Bravo 2 Жалоба Опубликовано: April 7, 2017 А как сделать, чтобы если отмечен чекбокс "panorama" при добавлении объявления, панорама не выводилась (чтобы вообще скрипт не срабатывал, а не просто стирался блок)? Поделиться сообщением Ссылка на сообщение Поделиться на других сайтах
abushyk 694 Жалоба Опубликовано: April 11, 2017 Для этого в условие по значению panorama нужно обернуть в шаблоне место, в котором написан скрипт. Напр {if $data.panorama.value==1}тут выводим текст скрипта{else}тут ничего не выводим{/if}. Тогда при компиляции шаблон просто не выдаст код скрипта и он не запустится. Но в таком случае возможно нужно будет играться со стилями, так как сам блок (хтмл) куда панка должна была бы вставиться не будет убран. Т.е. либо его тоже вывод обрамить таким же условием, либо применить к нему стили такие, что бы он схлопывался при незаполненности. 1 Johnny Bravo reacted to this Поделиться сообщением Ссылка на сообщение Поделиться на других сайтах
Johnny Bravo 2 Жалоба Опубликовано: April 11, 2017 26 минут назад, abushyk сказал: Для этого в условие по значению panorama нужно обернуть в шаблоне место, в котором написан скрипт. Напр {if $data.panorama.value==1}тут выводим текст скрипта{else}тут ничего не выводим{/if}. Тогда при компиляции шаблон просто не выдаст код скрипта и он не запустится. Но в таком случае возможно нужно будет играться со стилями, так как сам блок (хтмл) куда панка должна была бы вставиться не будет убран. Т.е. либо его тоже вывод обрамить таким же условием, либо применить к нему стили такие, что бы он схлопывался при незаполненности. Спасибо, только наоборот {if $data.panorama.value==1}тут ничего не выводим{else}тут выводим{/if} Поделиться сообщением Ссылка на сообщение Поделиться на других сайтах
abushyk 694 Жалоба Опубликовано: April 11, 2017 1 час назад, Johnny Bravo сказал: Спасибо, только наоборот {if $data.panorama.value==1}тут ничего не выводим{else}тут выводим{/if} моя логика отказывается это принять))) было бы оно no_panorama - тогда бы все улеглось)))) Поделиться сообщением Ссылка на сообщение Поделиться на других сайтах