Google 스트리트 뷰 이미지가있는 페더 라이트

Question

페도 라이트를 사용하여 Google 스트리트 뷰 이미지를 가져와 라이트 박스에 표시하려고합니다. 이미지는 사용자가 선택하는지도 아이콘에 따라 동적으로 정의됩니다.

내 이미지는 문제없이 표시되지만 라이트 박스가 잠시 멈춘 다음 이미지가 텍스트로 읽으려고 한 것처럼 임의의 문자 페이지가 반환됩니다. 다음과 같이

내 코드의 예는 다음과 같습니다 나는 당신의 문제를 이해하는 경우

let streetView_imgURL = "https://maps.googleapis.com/maps/api/streetview?size=600x300&location=" + 
    props.Latitude + "," + props.Longitude + "&key=MYKEY"; 

document.getElementById("selectedSchool").innerHTML = (props ? 
"<div class='imgbox'>" + 
    "<img style='width:100%;' data-featherlight='" + streetView_imgURL + "'src='" 
    + streetView_imgURL + "'>" 

Answer 1

는,이 시도 : http://jsfiddle.net/markovica/1njee7ah/2/

<style>.gsv-screenshot {display: none}</style>  
<a href=".gsv-screenshot" class="" data-featherlight>Click Me</a> 
<div class="lightbox gsv-screenshot"> 
    <i class="featherlight-close fa fa-close"></i> 
    <img style='width:100%;' src="https://maps.googleapis.com/maps/api/streetview?size=600x300&location=44.8165107,20.4603276"> 
</div> 

항목이 방법을 생성하는 방법을 찾을 수 있습니다. 문제가없는 것 같습니다.