Sử dụng bộ sưu tập để sắp xếp ngăn nắp các trang Lưu và phân loại nội dung dựa trên lựa chọn ưu tiên của bạn.
Bạn có thể thêm đối tượng vào bản đồ để chỉ định các điểm, đường, khu vực hoặc tập hợp đối tượng. Maps JavaScript API gọi các đối tượng này là lớp phủ. Lớp phủ được liên kết với toạ độ vĩ độ/kinh độ, vì vậy, lớp phủ sẽ di chuyển khi bạn kéo hoặc thu phóng bản đồ.
Loại lớp phủ
Maps JavaScript API có một số loại lớp phủ mà bạn có thể thêm bằng cách lập trình:
Cửa sổ thông tin là một loại lớp phủ đặc biệt để hiển thị nội dung (thường là văn bản hoặc hình ảnh) trong một bong bóng bật lên tại một vị trí nhất định trên bản đồ. Xem Cửa sổ thông tin.
Các đường trên bản đồ được hiển thị bằng đường đa tuyến đại diện cho một trình tự vị trí đã sắp xếp. Xem phần Hình dạng và đường kẻ.
Các khu vực có hình dạng tuỳ ý trên bản đồ được hiển thị bằng đa giác. Giống như đa tuyến, đa giác là một trình tự vị trí theo thứ tự. Không giống như đa tuyến, đa giác xác định một vùng mà chúng bao quanh. Xem phần Hình dạng và đường kẻ.
Sử dụng ký hiệu để tuỳ chỉnh biểu tượng trên điểm đánh dấu hoặc thêm hình ảnh vào đa tuyến. Biểu tượng là hình ảnh dựa trên vectơ được xác định bằng một đường dẫn, sử dụng ký hiệu đường dẫn SVG. API này cũng cung cấp các tuỳ chọn để kiểm soát cách hiển thị biểu tượng. Xem phần Ký hiệu.
Nếu muốn đặt hình ảnh trên bản đồ, bạn có thể sử dụng lớp phủ mặt đất. Xem phần Lớp phủ mặt đất.
Bạn cũng có thể triển khai lớp phủ tuỳ chỉnh của riêng mình bằng cách triển khai giao diện OverlayView. Xem phần Lớp phủ tuỳ chỉnh.
Bạn có thể hiển thị các lớp bản đồ bằng các loại bản đồ lớp phủ. Bạn có thể tạo nhóm thẻ thông tin của riêng mình bằng cách tạo các loại bản đồ tuỳ chỉnh thay thế nhóm thẻ thông tin bản đồ cơ sở hoặc xuất hiện ở đầu nhóm thẻ thông tin bản đồ cơ sở hiện có dưới dạng lớp phủ. Xem nội dung Các loại bản đồ tuỳ chỉnh.
[[["Dễ hiểu","easyToUnderstand","thumb-up"],["Giúp tôi giải quyết được vấn đề","solvedMyProblem","thumb-up"],["Khác","otherUp","thumb-up"]],[["Thiếu thông tin tôi cần","missingTheInformationINeed","thumb-down"],["Quá phức tạp/quá nhiều bước","tooComplicatedTooManySteps","thumb-down"],["Đã lỗi thời","outOfDate","thumb-down"],["Vấn đề về bản dịch","translationIssue","thumb-down"],["Vấn đề về mẫu/mã","samplesCodeIssue","thumb-down"],["Khác","otherDown","thumb-down"]],["Cập nhật lần gần đây nhất: 2025-08-10 UTC."],[[["\u003cp\u003eThe Maps JavaScript API uses objects called \u003cstrong\u003eoverlays\u003c/strong\u003e to designate points, lines, areas, or collections of objects on the map, which are tied to latitude/longitude coordinates.\u003c/p\u003e\n"],["\u003cp\u003eYou can add various overlay types to your map, including info windows, polylines, polygons, circles, rectangles, symbols, ground overlays, and even create custom overlays.\u003c/p\u003e\n"],["\u003cp\u003eThe Drawing Library allows users to interactively draw shapes like polylines, polygons, and markers directly on the map.\u003c/p\u003e\n"],["\u003cp\u003eGeocoding enables easy retrieval of latitude and longitude coordinates for places and addresses through requests.\u003c/p\u003e\n"],["\u003cp\u003eCustomize the appearance of markers and polylines by using symbols, which are vector-based images defined using SVG path notation.\u003c/p\u003e\n"]]],["The Maps JavaScript API uses \"overlays\" to add objects tied to latitude/longitude coordinates on a map. These include info windows for pop-up content, polylines for lines, polygons for areas, and symbols to customize marker icons. You can also use ground overlays to place images and use circles and rectangles. The Drawing Library lets users draw on the map. Geocoding is used to obtain latitudes and longitudes. Custom overlays and map types can also be implemented.\n"],null,["You can add objects to the map to designate points, lines, areas, or\ncollections of objects. The Maps JavaScript API calls these objects\n**overlays**. Overlays are tied to latitude/longitude\ncoordinates, so they move when you drag or zoom the map.\n| **Drawing Library:** If you want to allow your users to draw on the map, please refer to the [Drawing Library](/maps/documentation/javascript/drawinglayer) documentation. With the tools available in the Drawing Library, you can provide a graphical interface that lets people draw polylines, polygons and markers on the map.\n| **Geocoding:** Retrieving latitudes and longitudes for a Place or a street address is easily done with a [Geocoding](/maps/documentation/javascript/geocoding) request. It will return a list of responses, each including a `LatLng`.\n\nOverlay types\n\nThe Maps JavaScript API has several types of overlays that you can add\nprogrammatically:\n\n- An **info window** is a special kind of overlay for displaying content (usually text or images) within a popup balloon at a given location on a map. See [Info Windows](/maps/documentation/javascript/infowindows).\n- Lines on the map are displayed using **polylines** representing an ordered sequence of locations. See [Shapes and lines](/maps/documentation/javascript/shapes#polylines).\n- Areas of arbitrary shape on the map are displayed using **polygons** . Like polylines, polygons are an ordered sequence of locations. Unlike polylines, polygons define a region which they enclose. See [Shapes and lines](/maps/documentation/javascript/shapes#polygons).\n- You can also define [circles](/maps/documentation/javascript/shapes#circles) and [rectangles](/maps/documentation/javascript/shapes#circles) on the map.\n- Use a **symbol** to customize the icon on a marker or add images to a polyline. A symbol is a vector-based image defined by a path, using SVG path notation. The API also provides options to control how the symbol will be displayed. See [Symbols](/maps/documentation/javascript/symbols).\n- If you want to place an image on a map, you can use a **ground overlay** . See [Ground Overlays](/maps/documentation/javascript/groundoverlays).\n- You may also implement your own **custom overlays** by implementing the `OverlayView` interface. See [Custom Overlays](/maps/documentation/javascript/customoverlays).\n- Map layers may be displayed using **overlay map types** . You can create your own set of tiles by creating custom map types which either replace base map tile sets, or appear on top of existing base map tile sets as overlays. See [Custom Map Types](/maps/documentation/javascript/maptypes#CustomMapTypes)."]]
