Sách tham khảo Google Maps

Hàm Map()

Tạo bản đồ Google:

var map = new google.maps.Map(mapCanvas, mapOptions);

Định nghĩa và cách sử dụng

Hàm Map() tạo một bản đồ mới trong phần tử HTML được chỉ định (thường là phần tử <div>).

Cú pháp

new google.maps.Map(HTMLElement,MapOptions)

Giá trị tham số

Parameter Mô tả
HTMLElement Đặt bản đồ trong HTML元素 nào.
MapOptions Đối tượng MapOptions lưu trữ biến/tuỳ chọn khởi tạo bản đồ.

Phương pháp của Map()

Phương pháp Trả về giá trị Mô tả
fitBounds(LatLngBounds) None Đặt khung nhìn để bao gồm ranh giới được cung cấp.
getBounds() LatLng,LatLng Trả về vĩ độ/kinh độ tây nam và đông bắc của khung nhìn hiện tại.
getCenter() LatLng Trả về vĩ độ/kinh độ của trung tâm bản đồ.
getDiv() Node Trả về đối tượng DOM chứa bản đồ.
getHeading() number

Trả về hướng con mèo罗盘 của hình ảnh bay.

Áp dụng cho các loại bản đồ SATELLITE và HYBRID.

getMapTypeId()
  • HYBRID
  • ROADMAP
  • SATELLITE
  • TERRAIN
Trả về loại bản đồ hiện tại.
getProjection() Projection Trả về hiện tại.
getStreetView() StreetViewPanorama Trả về StreetViewPanorama được gắn kết với bản đồ mặc định.
getTilt() number

Trả về góc chiếu của hình ảnh bay (bằng độ).

Áp dụng cho các loại bản đồ SATELLITE và HYBRID.

getZoom() number Trả về cấp phóng to hiện tại của bản đồ.
panBy(xnumber,ynumber) None Thay đổi trung tâm bản đồ bằng cách cho phép khoảng cách给定 (bằng pixel).
panTo(LatLng) None Thay đổi trung tâm bản đồ thành LatLng được cung cấp.
panToBounds(LatLngBounds) None Chuyển bản đồ một cách tối thiểu để bao gồm LatLngBounds được cung cấp.
setCenter(LatLng) None Đặt vĩ độ/kinh độ của trung tâm bản đồ.
setHeading(number) None

Đặt hướng con mèo罗盘 của hình ảnh bay.

Đo bằng đơn vị độ từ hướng bắc cơ bản.

setMapTypeId(MapTypeId) None Đặt loại bản đồ cần hiển thị.
setOptions(MapOptions) None
setStreetView(StreetViewPanorama) None Kết nối StreetViewPanorama với bản đồ.
setTilt(number) None

Thiết lập góc chiếu của hình ảnh hàng không (bằng độ).

Áp dụng cho các loại bản đồ SATELLITE và HYBRID.

setZoom(number) None Thiết lập cấp độ thu phóng của bản đồ.

Các thuộc tính của Map()

Thuộc tính Loại Mô tả
controls Array.<MVCArray.<Node>> Các bộ điều khiển phụ thêm vào bản đồ.
mapTypes MapTypeRegistry Sách đăng ký MapType theo ID chuỗi.
overlayMapTypes MVCArray.<MapType> Các loại bản đồ khác cần叠加.

Các sự kiện của Map()

Sự kiện Parameter Mô tả
bounds_changed None Tạo ra khi giới hạn của khung nhìn thay đổi.
center_changed None Tạo ra khi thuộc tính trung tâm của bản đồ thay đổi.
click MouseEvent Tạo ra khi người dùng nhấp vào bản đồ.
dblclick MouseEvent Tạo ra khi người dùng nhấp đôi vào bản đồ.
drag None Tạo ra khi người dùng kéo bản đồ.
dragend None Tạo ra khi người dùng dừng kéo bản đồ.
dragstart None Tạo ra khi người dùng bắt đầu kéo bản đồ.
heading_changed None Tạo ra khi thuộc tính tiêu đề của bản đồ thay đổi.
idle None Tạo ra khi bản đồ sau khi dịch chuyển hoặc thu phóng trở nên trống rỗng.
maptypeid_changed None Tạo ra khi thuộc tính mapTypeId thay đổi.
mousemove MouseEvent Tạo ra mỗi khi con trỏ chuột của người dùng di chuyển lên khay bản đồ.
mouseout MouseEvent Tạo ra khi con trỏ chuột của người dùng rời khỏi khay bản đồ.
mouseover MouseEvent Tạo ra khi con trỏ chuột của người dùng vào khay bản đồ.
projection_changed None Tạo ra khi sự thay đổi của chiếu đổi.
resize None Tạo ra khi kích thước của div bản đồ thay đổi.
rightclick MouseEvent Tạo ra khi người dùng nhấp phải vào bản đồ.
tilesloaded None Tạo ra khi các khối hiển thị có thể nhìn thấy hoàn thành việc tải.
tilt_changed None Tạo ra khi thuộc tính nghiêng của bản đồ thay đổi.
zoom_changed None Tạo ra khi thuộc tính thu phóng của bản đồ thay đổi.

Lớp叠加

Khởi tạo/Đối tượng Mô tả
Marker Tạo dấu hiệu. (Lưu ý rằng phải thiết lập vị trí hiển thị của dấu hiệu.)
MarkerOptions Tùy chọn để vẽ dấu hiệu.
MarkerImage Biểu diễn cấu trúc của biểu tượng dấu hiệu hoặc hình ảnh bóng mờ.
MarkerShape Định nghĩa về hình dạng của dấu hiệu để xác định khu vực có thể nhấp để đánh dấu (loại và tọa độ).
Animation Định nghĩa các loại animation có thể được phát trên dấu chấm (nổi hoặc rơi).
InfoWindow Tạo hộp thông tin.
InfoWindowOptions Được sử dụng để rendering các tùy chọn hình hộp thông tin.
Polyline Tạo hình折线 (bao gồm con đường và phong cách chải).
PolylineOptions Được sử dụng để rendering các tùy chọn hình折线.
Polygon Tạo hình đa giác (bao gồm con đường và chải + phong cách tô màu).
PolygonOptions Được sử dụng để rendering các tùy chọn hình đa giác.
Rectangle Tạo hình vuông (bao gồm cạnh và chải + phong cách tô màu).
RectangleOptions Được sử dụng để rendering các tùy chọn hình vuông.
Circle Tạo hình tròn (bao gồm tâm + bán kính và chải + phong cách tô màu).
CircleOptions Được sử dụng để rendering các tùy chọn hình tròn.
GroundOverlay
GroundOverlayOptions
OverlayView
MapPanes
MapCanvasProjection

Sự kiện

Khởi tạo/Đối tượng Mô tả
MapsEventListener

Nó không có phương pháp và không có hàm xây dựng.

Các instance của nó từ addListener(), addDomListener() và cuối cùng truyền lại removeListener().

event Thêm/xóa/giải phóng sự kiện lắng nghe.
MouseEvent Trả về các sự kiện chuột từ các lớp phủ trên bản đồ và các sự kiện mouse.

Thiết bị

Thiết bị/Đối tượng Mô tả
MapTypeControlOptions Lưu các tùy chọn điều khiển cần thay đổi (vị trí và phong cách).
MapTypeControlStyle Định nghĩa loại điều khiển bản đồ cần hiển thị (menu thả hoặc nút).
OverviewMapControlOptions Được sử dụng để rendering các tùy chọn điều khiển bản đồ toàn cảnh (mở hoặc gập).
PanControlOptions Được sử dụng để rendering các tùy chọn điều khiển di chuyển (vị trí).
RotateControlOptions Được sử dụng để rendering các tùy chọn điều khiển xoay (vị trí).
ScaleControlOptions Được sử dụng để rendering các tùy chọn điều khiển tỷ lệ (vị trí và phong cách).
ScaleControlStyle Định nghĩa loại điều khiển tỷ lệ cần hiển thị.
StreetViewControlOptions Được sử dụng để rendering các tùy chọn điều khiển street view pegman (vị trí).
ZoomControlOptions Được sử dụng để rendering các tùy chọn điều khiển thu phóng (vị trí và phong cách).
ZoomControlStyle Định nghĩa loại điều khiển thu phóng cần hiển thị (lớn hoặc nhỏ).
ControlPosition Định vị bộ điều khiển trên bản đồ.