[Rails Google Map] 스트리트 뷰 정적 표시
이 기사가 할 수 있는 일.
아래 그림에서 보듯이 자신의 응용 프로그램에서 장소와 상점의 거리 경관을 정적 으로 나타낼 수 있다
단계
· GCP를 통해 Street View static API 추가
• 지도를 표시하는 View에서 인증용 코드 설명
• 이미지 표시 코드 설명
GCP에 Street View static API 추가
로 이동하십시오GCP 콘솔
API 및 서비스 > 인증 정보에서 자신의 API Key를 선택하십시오!
맵이 표시된 View에서 인증 코드 설명
Google Map의 거리 보기
https://maps.googleapis.com/maps/api/streetview?size=640x480(←任意のサイズでOK)&heading=180&fov=120&location=緯度の値,経度の値&sensor=true&key=ご自身のAPIKey
heading의 매개 변수가 방향을 결정합니다.0~360을 지정할 수 있습니다.0지북, 90지동, 180지침, 270지서.fov 매개 변수가 수평 시야를 결정합니다.0~120까지 지정할 수 있습니다.120을 지정하면 넓은 범위의 그림을 얻을 수 있습니다.
pitch의 매개 변수가 카메라의 각도를 결정합니다.90~90을 지정할 수 있습니다.90은 위로, -90은 아래로.
참조 소스: https://maps.multisoup.co.jp/blog/1773/
이미지 디스플레이 코드 설명
Rails에 도입한 예로
address 표시줄에 주소를 저장할 때
index.html.erb
<% @places.each do |place| %>
<% results=Geocoder.search(place.address) %>
<% if results.present? %>
<% @latlng=results.first.coordinates %>
<%= image_tag "https://maps.googleapis.com/maps/api/streetview?size=640x480&heading=180&fov=120&location=#{@latlng[0]},#{@latlng[1]}&sensor=true&key=ご自身のAPI Key" %>'
이런 코드로 가능합니다.Geocoder의 Gem을 가져오십시오.🙇♂️
잘 안 풀리거나 헷갈리는 부분이 있으면 언제든 좋습니다.
잠깐만, 연락 주시면 감사하겠습니다.🙇♂️
Reference
이 문제에 관하여([Rails Google Map] 스트리트 뷰 정적 표시), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다 https://qiita.com/kazuhito_nakayama/items/e80c4e1c17c0cf0c6ba4텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
우수한 개발자 콘텐츠 발견에 전념 (Collection and Share based on the CC Protocol.)