Restez organisé à l'aide des collections
Enregistrez et classez les contenus selon vos préférences.
Sur la carte, vous pouvez ajouter des objets pour désigner des points, des lignes, des zones ou des ensembles d'objets. Dans l'API Maps JavaScript, on appelle ces objets des superpositions. Les superpositions sont liées aux coordonnées de latitude/longitude. Ainsi, elles se déplacent lorsque vous faites glisser la carte ou effectuez un zoom.
Types de superpositions
L'API Maps JavaScript propose plusieurs types de superpositions que vous pouvez ajouter par programmation :
Une fenêtre d'informations est un type spécial de superposition permettant d'afficher du contenu (généralement du texte ou des images) dans une infobulle à un emplacement donné sur une carte. Consultez Fenêtres d'informations.
Les lignes sur la carte sont affichées à l'aide de polylignes représentant une séquence ordonnée de lieux. Consultez Formes et lignes.
Les zones de forme arbitraire sur la carte sont affichées à l'aide de polygones. Comme les polylignes, les polygones représentent une séquence ordonnée de lieux. Mais contrairement aux polylignes, les polygones définissent la région qu'ils délimitent. Consultez Formes et lignes.
Vous pouvez aussi définir des cercles et des rectangles sur la carte.
Utilisez un symbole pour personnaliser l'icône d'un repère ou ajouter des images à une polyligne. Un symbole est une image vectorielle définie par un tracé au moyen d'une notation de tracé SVG. L'API fournit également des options pour contrôler la façon dont les symboles seront affichés. Consultez Symboles.
Pour placer une image sur une carte, vous pouvez utiliser une superposition au sol. Consultez Superpositions au sol.
Vous pouvez également implémenter vos propres superpositions personnalisées en implémentant l'interface OverlayView. Consultez Superpositions personnalisées.
Les calques de carte peuvent être affichés à l'aide de types de carte en superposition. Vous pouvez créer vos propres jeux de tuiles en définissant des types de carte personnalisés qui soit remplacent d'autres jeux de tuiles de carte de base, soit s'affichent au-dessus des jeux de tuiles de carte de base existants en tant que superpositions. Consultez Types de carte personnalisés.
Sauf indication contraire, le contenu de cette page est régi par une licence Creative Commons Attribution 4.0, et les échantillons de code sont régis par une licence Apache 2.0. Pour en savoir plus, consultez les Règles du site Google Developers. Java est une marque déposée d'Oracle et/ou de ses sociétés affiliées.
Dernière mise à jour le 2025/08/31 (UTC).
[null,null,["Dernière mise à jour le 2025/08/31 (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)."]]
