웹 사이트에 Google 스트리트 뷰 포함하기

Question

웹 사이트에서 연락 양식의 배경으로 Google지도가 있습니다. 좋았지 만 Google지도를 Google 스트리트 뷰로 변환하여 건물의 멋진 그림을 얻고 싶기 때문에 정확하게 그들이 어디로 가고 있는지 알고 있습니다.

저는 the google site을 통해 내 코드를 스트리트 뷰 버전으로 변환하려고 시도해 왔지만, 뭔가 빠져있는 것 같아서 무엇을 알아 내지 못했습니다.

도움을 주신 분께 감사드립니다. 전에 거리보기지도를 본 적이 없습니다.

는

내가 가진 코드는 현재이

var mapOptions = { 
      zoom: 20, 
      center: map_center, 
      mapTypeId: google.maps.MapTypeId.ROADMAP, 
      scrollwheel: false 
     } 

     var map = new google.maps.Map(document.getElementById('map-canvas'), mapOptions); 

     var beachMarker = new google.maps.Marker({ 
      position: new google.maps.LatLng(pos_a1, pos_b1), //my position I have stored as variables to make it cleaner 
      map: map, 
     }); 

처럼 보인다 나는

var mapOptions = { 
      zoom: 1, 
      center: map_center, 
      mapTypeId: google.maps.MapTypeId.ROADMAP, 
      scrollwheel: false 
     } 

     var map = new google.maps.StreetViewPanorama(document.getElementById('map-canvas'), mapOptions); 
     myPano.setVisible(true); 

     var beachMarker = new google.maps.Marker({ 
      position: new google.maps.LatLng(pos_a1, pos_b1), 
      map: map, 
     }); 

을 시도했지만지도가 바로 사라집니다.

Answer 1

StreetViewPanorama는 center 대신 position- 매개 변수가 필요합니다.

은 또한 당신은 2 개 개의 다른 변수 (map 및 myPano)

이 작동 할를 사용 (지정된 위치에 사용할 수있는 파노라마가있는 경우) :

var panoOptions = { 
     position: map_center, 
     scrollwheel: false 
    } 

    var myPano = new google.maps 
        .StreetViewPanorama(document.getElementById('map-canvas'), 
             panoOptions); 

은