Google Street View 간단히 삽입하기 :: stview.js - API 활용기
2010.03.05 16:58 Edit
<iframe scrolling="no" width="650" height="320" src="http://togosoft.com/web/streetview/getview.php?addr=Broadway%2C%20New%20York%2C%20NY%2010010%2C%20USA&width=650&height=320" style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-style: initial; border-color: initial; outline-width: 0px; outline-style: initial; outline-color: initial; font-size: 13px; vertical-align: baseline; background-image: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: transparent; "></iframe>
구글맵을 웹사이트에 붙여넣는 것은 자체적으로 제공하는 지도 삽입 기능을 사용하여 가져올 수 있습니다. 그러나 구글 스트리트뷰는 삽입 기능을 제공하지 않기 때문에 이를 붙이려면 구글맵 API키도 발급받아야하고 여러가지 귀찮은 작업을 병행해야 했습니다. 그러나 ToGo Software에서 제공하는 stview.js를 이용하면 구글 스트리트뷰를 웹사이트에 손쉽게 붙여넣을 수 있습니다. 물론 API키도 필요없습니다.
<script type="text/javascript" src="stview.js"></script>
<div class="$stview">3634 Las Vegas Blvd South, Las Vegas, NV 89109</div>
<script type="text/javascript">$stview.parse();</script>삽입 요소의 너비와 높이를 지정할 수 있습니다. :
<div class="$stview" width="400" height="300">Broadway, New York, NY 10010</div> 좌표로 위치를 지정할 수도 있습니다. :
<div class="$stviewLatLon" width="240" height="320">42.375248, -71.115133</div> ※좌표 확인 방법※
1.우선 Google Japan의 지도 검색
2.원하는 위치를 검색
3.좌표를 알고 싶은 장소부분에서 오른쪽 마우스 「この場所について」클릭
4.검색창에 해당좌표가 표시됨
이 글과 관련된 글
- [2009/12/18] 구글 메인화면 이전처럼 사용하기 (605) *2
- [2009/12/09] 구글 웨이브 (google wave) 초대장 추가 발급 (510) *18
- [2009/12/04] 구글 메인의 변화, 국내에 미칠 영향은... (602) *11
- [2009/12/01] Google Wave Preview (479)
- [2009/11/30] google wave (구글 웨이브) 초대장을 받았습니다. (531) *14
- Google , Map , StreetView , stview.js
![[레벨:3]](http://www.thoth.kr/modules/point/icons/default/3.gif "포인트:1277point (74%), 레벨:3/30"){kind=icon}
좋은 정보 감사합니다. 구글맵API 를 사용하기 힘든 환경에서 사용하면 좋겠네요 ^^