Des codes avec l'exemple qui fonctionne et une explication
Le point de départ est de faire une carte simple

Beaucoup de changement chez Google où l'API maps devient payante avec une certaine gratuité (carte visa obligatoire) pour un nombre restreint d'appel.
D'autres API gratuites possibles comme Bing Maps de Microsoft qui s'appuie sur des developeurs libres.
Mais aussi Leaflet API avec plusieurs possibilités de fournisseurs de cartes :
OpenSreetMap ; Géoportail ; Mapbox et ESRI
API Google Earth à cessé d'exister

API Leaflet avec OpenStreetMap
API Leaflet avec IGN-Géoportail
API Google Maps
API Bing Maps

Codes Leaflet avec OpenStreetMap:
# Carte simple ou pleine fenêtre avec marqueurs et infobulles simples
# Carte simple ou pleine fenêtre avec marqueurs et infobulles simple et complexe
# Carte avec calcul et tracé de la distance entre 2 marqueurs
# Carte avec regroupement des marqueurs fonction du zoom
# Fonds de cartes possibles avec sélecteur et échelle des distances et fuseaux horaires
# Carte avec fournisseurs de cartes et couches possible kml
# Leaflet avec différents fournisseurs de cartes et de sur-couche
# Carte avec controle pour un tout écran
# Carte avec controle de zoom dans une aire définie
# Carte avec possibilité de voler d'un point à un autre
# Carte renvoyant aux pages wikipédia correspondantes
# Carte trail à Peñarroya-Pueblonuevo

Codes Leaflet avec IGN-Géoportail:
# Carte simple avec 2 fonds de cartes IGN-Géoportail et satellite
# Carte avec choix de plusieurs fonds de cartes IGN-Géoportail et marqueurs

Codes Google Maps :
# Les bases d'une 1ère carte simple ou pleine fenêtre
# Exemple d'une 1ère carte pleine fenêtre avec marqueur et infobulle
# Options des boutons de contôles personnalisation et position : Zoom, Type de carte, Streetview et échelle.
# Bouton pour recentrer la carte
# Bouton recentrer et pour initialiser un nouveau centre
# Vue aérienne à 45 ° avec bouton d'auto-rotation
# Création d'un marqueur avec recentrage automatique et zoom
# Création de marqueur : l'un simple , l'autre complexe avec infobulle html
# Création de plusieurs marqueurs avec infobulle dans une table
# Géolocalisation avec infobulle au clic, donnant l'altitude ou profondeur et coordonées
# Géolocalisation automatique de l'ordinateur, si acceptée
# StreetView seul à l'écran
# StreetView deux images syncronisées : carte et photo
# Géolocalisation simple d'une adresse
# Géolocalisation recherche d'une adresse avec coordonnées
# Géolocalisation complète d'une adresse et inversement
# Recherche itinéraire, rien à taper tout est "dragable" à la souris et automatique ( X )
# Carte affichant un layer Overlay kml
# Carte affichant les layers avec controls, ici les layers Traffic et Bicycling"
# Carte avec "Overlay" et boutons d'affichage et de réglage d'opacité
# GMaps utilisé comme un viewer Html5 d'une image grande dimension

Codes Bing Maps:
# Les bases d'une 1ère carte simple ou pleine fenêtre
# Les 3 types de marque (pushpin), l'un déplaçable avec enregistrement des coordonnées
# Les différents types d'infobulle qui réagissent au Clic
# Carte avec une photo overlay pouvant être pivotée
# Les différents types de cartes avec contrôles perso dans une barre flottante
# Carte pouvant être mise Plein Écran par un bouton contrôle flottant
# Recherche et listing d'un itinéraire
# Carte avec fenêtre de navigation