Instructivos
Organiza tus páginas con colecciones
Guarda y categoriza el contenido según tus preferencias.
Esta sección incluye varios instructivos con los que podrás aprender a usar la API de Maps JavaScript rápidamente.
Agrega a una página web un mapa con un marcador usando HTML solamente.
Agrega a una página web un mapa con un marcador de forma programática.
Muestra la ubicación geográfica de un dispositivo en un mapa de Google Maps usando la función HTML5 de ubicación geográfica de tu navegador junto con la API de Maps JavaScript.
Agrupa los marcadores en clústeres para mostrar una gran cantidad de marcadores en un mapa.
Crea marcadores con íconos gráficos personalizados.
Agrega una leyenda personalizada a tus mapas.
Salvo que se indique lo contrario, el contenido de esta página está sujeto a la licencia Atribución 4.0 de Creative Commons, y los ejemplos de código están sujetos a la licencia Apache 2.0. Para obtener más información, consulta las políticas del sitio de Google Developers. Java es una marca registrada de Oracle o sus afiliados.
Última actualización: 2025-08-27 (UTC)
[null,null,["Última actualización: 2025-08-27 (UTC)"],[[["\u003cp\u003eThis section provides tutorials on basic Google Maps JavaScript API implementations, such as adding maps and markers using HTML or JavaScript.\u003c/p\u003e\n"],["\u003cp\u003eLearn to display a user's location, manage a large number of markers through clustering, and personalize the map with custom markers and legends.\u003c/p\u003e\n"],["\u003cp\u003eExplore advanced features like creating interactive heatmaps using Firebase for real-time collaborative mapping experiences.\u003c/p\u003e\n"]]],[],null,["# Tutorials\n\nThis section features several tutorials to get you up and running with\nMaps JavaScript API.\n\n### [Add a Google map with a marker using HTML](/maps/documentation/javascript/add-google-map-wc-tut)\n\nAdd a map with a marker to a web page using only HTML.\n\n### [Add a Google Map with a marker using JavaScript](/maps/documentation/javascript/adding-a-google-map)\n\nAdd a map with a marker to a web page programmatically.\n\n### [Show current location](/maps/documentation/javascript/geolocation)\n\nGet the geographic location of a device on a Google map, using your\nbrowser's HTML5 Geolocation feature along with Maps JavaScript API.\n\n### [Cluster markers](/maps/documentation/javascript/marker-clustering)\n\nUse marker clustering to display a large number of markers on a map.\n\n### [Custom markers](/maps/documentation/javascript/custom-markers)\n\nCreate markers using custom graphic icons.\n\n### [Custom legends](/maps/documentation/javascript/adding-a-legend)\n\nAdd a custom legend to your maps."]]
