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

지도 API Map() 생성자



Instance

Google 지도 만들기:

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

<script>
function initialize()
{
var mapOpt = {
  center:new google.maps.LatLng(51.508742,-0.120850),
  zoom:5,
  mapTypeId:google.maps.MapTypeId.ROADMAP
  };
var map=new google.maps.Map(document.getElementById("googleMap"),mapOpt);
}

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

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

</body>
</html>

인스턴스 실행»

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


정의 및 사용법

Map() 생성자가 생성합니다. a 지정된 HTML 요소(<div> 강요).


Syntax

new google.maps.Map(HTMLElement,MapOptions)

매개변수 값

ParametersDescription
HTMLElement는 지도가 다음을 충족해야 한다고 규정합니다. 해당 HTML 요소에 배치됩니다.
MapOptions 지도 초기화 변수/옵션이 있는 MapOptions 개체입니다.

Map()

Mapoptions) StreetViewPanorama) number)number)
Method Return valueDescription
fitBounds(LatLngBounds)None을 포함하도록 뷰포트를 설정합니다. 주어진 한계.
getBounds()LatLng,LatLng 현재 뷰포트의 남서쪽 위도/경도 및 북동쪽 위도/경도를 반환합니다.
getCenter()LatLng 지도 중심의 위도/경도를 반환합니다.
getDiv()Node 지도가 포함된 DOM 객체를 반환합니다.
getHeading()number항공 이미지의 나침반 방향을 반환합니다(SATELLITE 및 HYBRID 지도 유형 지원).
getMapTypeId()하이브리드 로드맵 위성 TERRAIN현재 지도 유형을 반환합니다.
getProjection()Projection현재 투영을 반환합니다.
getStreetView()StreetViewPanorama지도에 바인딩된 기본 StreetViewPanorama를 반환합니다.
getTilt()number항공 이미지의 입사각 수를 반환합니다(SATELLITE 및 HYBRID 지도 유형 지원).
getZoom()number 지도의 현재 확대/축소 수준을 반환합니다.
panBy(xnumber,ynumber)None 지도 중심을 지정된 거리(픽셀)만큼 변경합니다.
panTo(LatLng)None 지도 중심을 지정된 LatLng로 변경합니다.
panToBounds(LatLngBounds)None 지정된 LatLngBounds를 포함하는 데 필요한 최소 거리만큼 지도를 이동합니다.
setCenter(LatLng)None
setHeading(number)None 기본 방향을 설정합니다. 북쪽이다 .
setMapTypeId(MapTypeId)None표시할 지도 유형을 변경합니다. ISetOptions(
None
SetStreetView(
None StreetViewPanorama를 지도에 바인딩합니다. setTilt(
None항공 이미지의 입사각 수를 설정합니다(SATELLITE 및 HYBRID 지도 유형 지원). setZoom(
None

Map()

PropertyTypeDescription
controlsArray.<MVCArray.<Node>>의 속성입니다.
mapTypesMapTypeRegistry문자열 ID를 기준으로 한 MapType 인스턴스의 레지스트리입니다.
overlayMapTypesMVCArray.<MapType>오버레이할 추가 지도 유형입니다.

Map()의 이벤트

EventParametersDescription
bounds_changedNone이 이벤트는 가시 영역 범위가 변경될 때 트리거됩니다.
center_changedNone이 이벤트는 지도 센터 속성이 변경되면 트리거됩니다.
clickMouseEvent이 이벤트는 사용자가 지도를 클릭하면 시작됩니다(단, 마커나 정보 창은 클릭하지 않음).
dblclickMouseEvent이 이벤트는 사용자가 지도를 두 번 클릭할 때 트리거됩니다. 이 이벤트가 시작되기 전에 클릭 이벤트도 시작된다는 점에 유의하세요.
dragNone이 이벤트는 사용자가 지도를 드래그할 때 반복적으로 실행됩니다.
dragendNone이 이벤트는 사용자가 지도 드래그를 중지하면 트리거됩니다.
dragstartNone이 이벤트는 사용자가 지도 드래그를 시작할 때 트리거됩니다.
heading_changedNone이 이벤트는 지도 제목 속성이 변경되면 트리거됩니다.
idleNone이 이벤트는 이동 또는 확대/축소 후 지도가 유휴 상태가 되면 시작됩니다.
maptypeid_changedNone 이 이벤트는 mapTypeId 속성이 변경되면 트리거됩니다.
mousemoveMouseEvent이 이벤트는 사용자의 마우스가 지도 컨테이너 위로 움직일 때마다 트리거됩니다.
mouseoutMouseEvent이 이벤트는 사용자의 마우스가 지도 컨테이너에서 나갈 때 트리거됩니다.
mouseoverMouseEvent이 이벤트는 사용자의 마우스가 지도 컨테이너에 들어갈 때 트리거됩니다.
projection_changedNone이 이벤트는 투영이 변경되면 트리거됩니다.
resizeNone이 이벤트는 지도(div)의 크기가 변경될 때 트리거됩니다.
rightclickMouseEvent이 이벤트는 사용자가 지도를 마우스 오른쪽 버튼으로 클릭하면 트리거됩니다.
tilesloadedNone이 이벤트는 보이는 타일이 로드될 때 트리거됩니다.
tilt_changedNone이 이벤트는 지도 기울기 속성이 변경되면 트리거됩니다.
zoom_changedNone이 이벤트는 지도 확대/축소 속성이 변경되면 트리거됩니다.