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 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

Codes Leaflet avec IGN -Géoportail:
# Carte avec choix de plusieurs fonds de cartes IGN-Géoportail et parcelles du cadastre

Codes Google Maps :
# Les bases d'une 1ère carte simple ou pleine fenêtre
# 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 complète d'une adresse et inversement
# Recherche itinéraire, rien à taper tout est "dragable" à la souris et automatique
# 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 ou non
# 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

Retour au début