[Rails Google Map] 스트리트 뷰 정적 표시

[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을 가져오십시오.🙇‍♂️
잘 안 풀리거나 헷갈리는 부분이 있으면 언제든 좋습니다.
Twitter
잠깐만, 연락 주시면 감사하겠습니다.🙇‍♂️

좋은 웹페이지 즐겨찾기