Sách tham khảo Google Maps
- Trang trước Loại Maps
- Trang tiếp theo Giới thiệu SVG
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() |
|
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 đồ. |
- Trang trước Loại Maps
- Trang tiếp theo Giới thiệu SVG