Google 지도 중국어 A...login
Google 지도 중국어 API 매뉴얼
작가:php.cn  업데이트 시간:2022-04-14 16:36:56

구글 지도 유형


Google 지도 Types


하이브리드 유형의 Google 지도:


Google 지도 - 기본 지도 유형

Google 지도 API에서 사용할 수 있는 지도 유형은 다음과 같습니다.

  • MapTypeId.ROADMAP는 기본 도로 지도 보기를 표시하는 데 사용됩니다MapTypeId.ROADMAP,用于显示默认的道路地图视图

  • MapTypeId.SATELLITE,用于显示 Google 地球卫星图片

  • MapTypeId.HYBRID,用于同时显示普通视图和卫星视图

  • MapTypeId.TERRAIN

MapTypeId.SATELLITE는 Google 어스 위성 이미지

MapTypeId를 표시하는 데 사용됩니다. 일반 보기와 위성 보기를 동시에 표시하는 데 사용되는 HYBRID< /code>



MapTypeId.TERRAIN, 지형 정보를 기반으로 실제 지도를 표시하는 데 사용됩니다.

Map을 통해 사용되는 지도 유형을 수정하려면 이에 대한 mapTypeId 속성을 설정할 수 있습니다.
var mapProp = {
center:new google.maps.LatLng(51.508742,-0.120850),
Zoom:7 ,
mapTypeId: google.maps.MapTypeId.HYBRID

};

또는 동적으로 mapTypeId 수정:

map.setMapTypeId(google.maps.MapTypeId.HYBRID);

  • Google 지도 - 45° 이미지
  • Google Maps API는 특정 위치에 대한 특수 45° 이미지를 지원합니다.

    이 고해상도 이미지는 각 기본 방향(남동쪽, 남북쪽)에 대한 투시도를 제공합니다. 이러한 이미지는 지원되는 지도 유형에 대해 더 높은 확대/축소 수준에서도 사용할 수 있습니다.
  • 기존 google.maps.MapTypeId.SATELLITE 및 google.maps.MapTypeId.HYBRID 지도 유형은 높은 확대/축소 수준에서 45° 원근 이미지를 지원합니다(사용 가능한 경우). 확대한 위치에 이러한 이미지가 있는 경우 지도 유형은 다음과 같이 자동으로 보기를 변경합니다.

  • 지도의 기존 팬 컨트롤은 기존 탐색 컨트롤 나침반 휠 주위에 새 컨트롤을 추가하도록 변경됩니다. 나침반 휠을 드래그하고 이미지가 포함된 지원되는 가장 가까운 방향에 정렬하여 나침반을 사용하여 45° 이미지의 방향을 변경할 수 있습니다.

지원되는 방향으로 이미지를 회전하는 데 사용할 수 있는 회전 컨트롤이 기존 팬 및 확대/축소 컨트롤 사이에 표시됩니다. 회전 컨트롤은 시계 방향 회전만 지원합니다.

현재 위치를 중심으로 한 45° 투시 이미지가 위성 이미지 또는 하이브리드 이미지를 대체합니다. 기본적으로 이 유형의 뷰는 북쪽을 향하고 있습니다. 축소하면 지도가 기본 위성 또는 하이브리드 이미지로 되돌아갑니다.

MapType 컨트롤을 사용하면 45° 이미지를 표시하기 위한 하위 메뉴 토글 컨트롤이 활성화됩니다.

🎜🎜참고: 🎜45° 이미지를 표시하는 지도 유형을 축소하면 모든 변경 사항이 되돌리고 원래 지도 유형이 다시 작성됩니다. 🎜🎜다음 예는 이탈리아 베니스에 있는 Palazzo Ducale의 45° 뷰를 보여줍니다. 🎜🎜🎜Example🎜🎜
<html>
<head>
<script
src="http://maps.googleapis.com/maps/api/js?key=AIzaSyDY0kkJiTPVd2U7aTOAwhc9ySH6oHxOIYM&sensor=false">
</script>

<script>
var myCenter=new google.maps.LatLng(45.434046,12.340284);

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>
🎜
인스턴스 실행 »

온라인 인스턴스를 보려면 "인스턴스 실행" 버튼을 클릭하세요

팁: Google은 더 많은 도시에 대해 지속적으로 45° 이미지를 추가하고 있습니다. 최신 정보는 Google 지도의 45° 이미지 목록을 참조하세요.


Google 지도 - 45° 이미지 활성화 및 비활성화 - setTilt(0)

지도 개체에서 setTilt(0)를 호출하여 45° 이미지를 비활성화할 수 있습니다. 지원되는 지도 유형에 대해 45° 원근 이미지를 활성화하려면 setTilt(45)를 호출하세요.

Instance

<html>
<head>
<script
src="http://maps.googleapis.com/maps/api/js?key=AIzaSyDY0kkJiTPVd2U7aTOAwhc9ySH6oHxOIYM&sensor=false">
</script>

<script>
var myCenter=new google.maps.LatLng(45.434046,12.340284);

function initialize()
{
var mapProp = {
  center:myCenter,
  zoom:18,
  mapTypeId:google.maps.MapTypeId.HYBRID
  };

var map=new google.maps.Map(document.getElementById("googleMap"),mapProp);
map.setTilt(0);
}

google.maps.event.addDomListener(window, 'load', initialize);
</script>
</head>

<body>
<div id="googleMap" style="width:500px;height:380px;"></div>
</body>
</html>

인스턴스 실행 »

온라인 인스턴스를 보려면 "인스턴스 실행" 버튼을 클릭하세요.


Google 지도 - 참조 매뉴얼

Google 지도 API 참조 매뉴얼.

PHP 중국어 웹사이트