Google Street View 간단히 삽입하기 :: stview.js - API 활용기

2010.03.05 16:19 pop2joa 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키도 필요없습니다.





삽입 요소의 너비와 높이를 지정할 수 있습니다. :




좌표로 위치를 지정할 수도 있습니다. :


일본에 거주 하고 있는 관계로, 좌표로 위치를 지정하니 제대로 적용됨.

※좌표 확인 방법※
1.우선 Google Japan의 지도 검색
2.원하는 위치를 검색
3.좌표를 알고 싶은 장소부분에서 오른쪽 마우스 「この場所について」클릭
4.검색창에 해당좌표가 표시됨

Share
0
이 글과 관련된 글
  1. [2011/03/10] KT 유선전화 빗장 열었다 by 길라잡이 (1036)
  2. [2009/12/18] 구글 메인화면 이전처럼 사용하기 by CHULIz (604) *2
  3. [2009/12/09] 구글 웨이브 (google wave) 초대장 추가 발급 by CHULIz (509) *18
  4. [2009/12/04] 구글 메인의 변화, 국내에 미칠 영향은... by CHULIz (601) *11
  5. [2009/12/01] Google Wave Preview by CHULIz (479)
TAG
,  ,  , 

Leave Comments

profilepop2joa in Tokyo人生は自分との戦い 

검색

Category

Recent Post

Recent Comment

Recent Trackback

Tag

T-NAVI