Пользовательская панорама Google Streetview с пользовательским типом карты изображений Карта без географической привязки

Я разрабатываю карту пользовательского типа карты изображений без географической привязки, т.е. широта моей карты не связана с фактической широтой этого места. Теперь я также создал пользовательские панорамы улиц для определенных зданий и мест на этой карте.

Проблема в том, что я не могу интегрировать эти пользовательские панорамы просмотра улиц с моей пользовательской картой изображений.

Ниже приведена ссылка, чтобы увидеть, что происходит:

http://cdi.astateweb.org/virtual_tour/

Первый подход: прямо сейчас на карте есть два маркера. При нажатии на них всплывает небольшой информационный пузырь. Теперь, когда вы нажимаете на ссылку виртуального тура, появляется диалоговое окно. Я хочу загрузить пользовательскую панораму просмотра улиц в этом диалоговом окне. Я пробовал несколько вещей, но безрезультатно. Я пытаюсь повторно использовать один и тот же диалог для обоих маркеров. Я попытался инициализировать панораму в функции открытия диалогового окна jquery ui. Это сработало для первого, но когда вы закрываете диалоговое окно и открываете его снова, происходит сбой с некоторой ошибкой cbk из API Google.

ВТОРОЙ ПОДХОД: я попытался использовать человечка по умолчанию для просмотра улиц, чтобы, когда человечек падал на определенное здание или место с панорамой, вид улиц появлялся точно так же, как на обычных картах Google. Это тоже не сработало.

Может ли кто-нибудь указать мне правильное направление. Любая помощь будет высоко оценена.

Спасибо


google-maps-api-3
person Roshan Gautam    schedule 09.11.2012    source источник

Ответы (1)


arrow_upward
1
arrow_downward

Ок, попробуй так:

Изменить в строке 41

from
'<a href="#" id="virtual-tour" data="delta">Virtual Tour</a>'
to
'<a href="#" id="virtual-tour" data="arch">Virtual Tour</a>'

Изменить в строке 96

    $("#dialog").dialog({
        autoOpen: false,
        width: 650,
        open: function() {
          console.log($("#" + virtualTour.currentPano));
          $("#" + virtualTour.currentPano).appendTo("#dialog").css("display", "block");
        },
        close: function() {
          $("#" + virtualTour.currentPano).appendTo("body").css("display", "none");
        }

    });

И приведенный ниже код для добавления в функцию "createMarker".

    //After this line.
    virtualTour.hotspotArray.push(marker);      

    //Add this code.
    setTimeout(function(){
      document.getElementById(pano).style.display = "none";
    }, 100);

введите здесь описание изображения

person wf9a5m75    schedule 10.11.2012
comment
Спасибо. Я ценю все ваше время и усилия. Мне все еще интересно, почему подход с колышками не сработал. Я следовал примеру, предоставленному Google, но ничего. Но все равно спасибо. - person Roshan Gautam; 10.11.2012
comment
Человек-человечек по умолчанию не работает, потому что Google не знает, где находятся точки, для которых предоставляется настраиваемый просмотр улиц. И нет никакого способа перехватить функцию getPanoramaByLocation(), когда человечек упал. Так что вам нужно реализовать свой собственный механизм человечка, я думаю. - person wf9a5m75; 10.11.2012