-
[Google Maps] 6. 구글 맵스 타입(Types) - 구글 맵 API 강좌Web/Google Maps 2016. 2. 29. 14:12
W3School 를 참고하여 작성하는 Google Map API 강좌입니다.
구성은 아래와 같습니다. 아래 링크를 통해서 하나하나 익히시면 됩니다.
Google Maps Types
Google Maps - Basic Map Types
구글 맵스 API안에는 아래와 같은 종류의 맵 타입을 지원합니다:
- ROADMAP(normal, default 2D map)
- SATELLITE(photographic map)
- HYBRID(photographic map + road and city names)
- TERRAIN(map with mountains, rivers, etc.)
맵 타입은 맵 속성 객체 안에 명시할 수 있습니다.
12345var mapProp = {center:new google.maps.LatLng(51.508742,-0.120850),zoom:7,mapTypeId: google.maps.MapTypeId.HYBRID};cs 또한, setMapTypeId() 메소드를 호출하여 설정 가능합니다.
12map.setMapTypeId(google.maps.MapTypeId.HYBRID);cs Google Maps - 45° Perspective View
SATELLITE 와 HYBRID 맵 타입은 특정 위치의 45도 원경 뷰를 지원합니다.
* perspective.html
12345678910111213141516171819202122232425262728293031<!DOCTYPE html><html><head><scriptsrc="http://maps.googleapis.com/maps/api/js"></script><script>var myCenter=new google.maps.LatLng(48.858187, 2.294551);function initialize(){var mapProp = {center:myCenter,zoom:18,mapTypeId:google.maps.MapTypeId.HYBRID};var map=new google.maps.Map(document.getElementById("googleMap"),mapProp);}google.maps.event.addDomListener(window, 'load', initialize);</script></head><body><div id="googleMap" style="width:500px;height:380px;"></div></body></html>cs Google Maps - Disable 45° Perspective View - setTilt(0)
setTilt(0)을 호출하여 45도 기능을 해제할 수 있습니다.
12map.setTilt(0);cs
end* 이 포스팅은 'w3school'를 통해 작성하였습니다.
'Web > Google Maps' 카테고리의 다른 글
[Google Maps] 5. 구글 맵스 제어(Controls) - 구글 맵 API 강좌 (0) 2016.02.28 [Google Maps] 4. 구글 맵스 이벤트(Events) - 구글 맵 API 강좌 (0) 2016.02.28 [Google Maps] 3. 구글 맵스 오버레이(Overlays) - 구글 맵 API 강좌 (0) 2016.02.28 [Google Maps] 2. 구글 맵스 기본 - 구글 맵 API 강좌 (0) 2016.02.28 [Google Maps] 1. 개요(Tutorial) - 구글 맵 API 강좌 (0) 2016.02.28
