"잡히지 않은 유형 오류 : 정의되지 않은 'lat'속성을 읽을 수 없습니다.

Question

'정보보기'에 '파노라마보기'를 표시하려고합니다. 하지만 'Uncaught TypeError :'google.maps.geometry.spherical.computeHeading '을 사용하려고 할 때'정의되지 않은 'lat'속성을 읽을 수 없습니다.

무엇이 잘못되었는지 확인할 수 있습니까?

var myMap; 
var myMarkerList=[]; 
var myBound; 
var myStreetView; 
var radius; 
var clickedMarker; 
var m_mark; 

var initMap = function(){ 
    var myStyleType = new google.maps.StyledMapType(myStyles,{name: 'Styled Map'}); 
    myMap = new google.maps.Map(document.getElementById('googleMap'), { 
     center:{lat:40.7413549, lng:-73.9980244}, 
     zoom:13, 
     mapTypeControlOptions:{ 
      mapTypeIds:['roadmap', 'satellite', 'hybrid', 'terrain', 
      'styled_map'] 
     } 
    }); 

    myMap.mapTypes.set('styled_map', myStyleType); 
    myMap.setMapTypeId('styled_map'); 

    google.maps.event.addListener(myMap, 'click', function(event){ 
     setMarkerList(event.latLng); 
     openInfoWindow(event.latLng); 
    }); 
    myBound = new google.maps.LatLngBounds(); 

      m_mark = new google.maps.Marker({ 
      position:{lat: 40.7713024, lng: -73.9632393}, 
      map:myMap, 
      title:'Park Ave Penthouse', 
      animation: google.maps.Animation.DROP, 
      }); 

      m_mark.addListener('click', function(){ 
      openStreetView(this); 
      clickedMarker = this; 
      }); 


    myStreetView = new google.maps.StreetViewService(); 
    radius = 50; 

} 

function setMarkerList(pos){ 
    var myMarker = new google.maps.Marker({ 
      position:pos, 
      map:myMap, 
      animation: google.maps.Animation.DROP, 
    }); 

    myMarker.addListener('click', function(){ 
     openStreetView(this); 
     clickedMarker = this; 
    }); 

    myMarkerList.push(myMarker); 

    setBound(myMarker); 
} 

function openStreetView(targetMarker){ 

    myStreetView.getPanoramaByLocation(targetMarker.position, radius, getParanomaView); 
} 

function getParanomaView(data, status){ 

    var myInfo = new google.maps.InfoWindow(); 
    if (status = google.maps.StreetViewStatus.OK) { 
     var nearStreetViewLocation = data.location.latlng; 

     var heading = google.maps.geometry.spherical.computeHeading(nearStreetViewLocation, clickedMarker.position); 
     myInfo.setContent('<div>'+clickedMarker.title+'</div><div id="panorama"></div>'); 
     var panoramaOptions = { 
        position:nearStreetViewLocation, 
        pov: { 
         heading: heading, 
         pitch: 30 
        } 
       }; 
      var panorama = new google.maps.StreetViewPanorama(document.getElementById('panorama'),panoramaOptions); 
    } 
    else{ 
     myInfo.setContent('<div>'+clickedMarker.title+'</div><div>No Street View Found</div>'); 
    } 
    myInfo.open(myMap, targetMarker); 
} 

저는이 문제를 일으킬 수있는 것에 관해서는 더 이상 성적인 것이 없으므로 도움을 크게 바랍니다.

Answer 1

리뷰 (다른 의견)를 검토 한 후 getParanomaView() 기능에 몇 가지 문제가 있습니다. 그것은해야한다 :

function getParanomaView(data, status){ 
    var myInfo = new google.maps.InfoWindow(); 
    if (status == google.maps.StreetViewStatus.OK) { 
     var nearStreetViewLocation = data.location.latLng; 

     var heading = google.maps.geometry.spherical.computeHeading(nearStreetViewLocation, clickedMarker.getPosition()); 
     myInfo.setContent('<div>'+clickedMarker.title+'</div><div id="panorama"></div>'); 
     var panoramaOptions = { 
      position:nearStreetViewLocation, 
      pov: { 
       heading: heading, 
       pitch: 30 
      } 
     }; 
     var panorama = new google.maps.StreetViewPanorama(document.getElementById('panorama'),panoramaOptions); 
    } else { 
     myInfo.setContent('<div>'+clickedMarker.title+'</div><div>No Street View Found</div>'); 
    } 
    myInfo.open(myMap, targetMarker); 
} 

이전 대답

라인이 var heading = google.maps.geometry.spherical.computeHeading(nearStreetViewLocation, clickedMarker.position);

var heading = google.maps.geometry.spherical.computeHeading(nearStreetViewLocation, clickedMarker.getPosition());

그렇지 않으면 clickedMarker.position가 정의 될 수 있어야한다.