API Google Maps Version 3 en Français

Comment aficher une Street View sous forme d'image statique ?

2011-11-23T22:50:00.004+01:00

Une nouvelle API, Google Street View Image API, vous permet d'insérer dans vos pages web, une Street View sous la forme d'une image statique.

Ceci se fait à l'aide d'une simple d'une balise image et d'une URL dont les paramètres ciblent la vue à afficher.

Exemple : Le centre de Tours

Pour en savoir plus, lisez : Comment insérer une vue Street View sous forme d'image statique.

Pour créer vos propres images, vous pouvez utiliser le générateur d'image Street View.

gmap3 version 4.1

2011-11-21T16:31:00.001+01:00

Le 18 novembre 2011 sortie de la version 4.1 du plugin jQuery gmap3. Liste des améliorations :

Corrigé : getDistance, autoFit, destroy, clustering sur zoom < 2
Ajouté : maxZoom ajouté dans l'autofit et dans la fonction de clustering
Ajouté : répéter getAddress sur OVER_QUERY_LIMIT
Mise à jour : addMarkers peut maintenant utiliser la résolution d'adresse
Mise à jour : multi DirectionRenderer autorisé

Télécharger la nouvelle version : gmap3 version 4.1

Création d'un forum d'aide sur le site de l'auteur : Forum d'aide gmap3

Enfin, vous pouvez retrouver gmap3 sur Githug

Nouvelle version de l'API Google Maps Javascript : 3.7

2011-11-17T15:40:00.006+01:00

Le 07 novembre 2011 une nouvelle version de l'API Google Maps JavaScript est mise en ligne. Il s'agit de la version 3.7.

Ont été ajoutés :

Les formes modifiables : polygones polylignes, cercles, rectangles),
DrawingManager pour l'ajout de nouvelle superpositions,
Nouveau style visuel de contrôles par défaut,
Les champs PlaceResult : site Web et international_phone_number,
Champ ElevationResult : résolution.

Avez vous repéré les modifications apportées d'un point de vue visuel ?

Carte construite avec l'API Google Maps JavaScript V 3.6

Carte construite avec l'API Google Maps JavaScript V 3.7

Vous donnez votre langue au chat ? Alors lisez cet article pour en savoir plus : Modifications visuelles dans l'API Google Maps Javascript version 3.7

Carte Google Gratuite ou Payante ? La nouvelle politique de Google

2011-11-01T12:00:00.015+01:00

Les conditions d'utilisation liées à l'utilisation des API Google ont subi une modification importante au début du mois d'octobre 2011. Google a fixé un quota.

En-dessous, les cartes Google Maps continueront à s'afficher gratuitement sur votre site. Au-dessus, les cartes seront payantes. Google a mis en place une grille tarifaire qui varie en fonction du nombre de cartes affichées et de l'API Google utilisée.

Pour plus d'informations sur les nouvelles conditions d'utilisation Google, lisez :

Les services concernés sont :

API Google Maps JS V3
API Google Maps JS V3 - cartes stylisées
API Google Maps Static
API Google Maps Static - cartes stylisées
API Google Street View Image
API Google Maps JS V2

Enfin, ces tarifs seront applicables à compter de 2012.

Monetisez votre application API Google Maps v3 avec AdSense pour les cartes

2011-09-21T13:00:00.004+02:00

De nombreux sites Web existants utilisent l'API Google Maps Version 3 mais aussi Google AdSense pour monétiser leur site. Google AdSense utilise le contenu des pages pour déterminer les meilleures annonces à afficher. L'emplacement indiqué sur la carte offre un paramètre supplémentaire pour cibler les publicités.

Désormais, Google vous propose d'insérer des publicités AdSense dans vos cartes créées via l'API Google Maps v3. Vous pouvez contrôler l'emplacement de vos annonces sur la carte et utiliser l'un des formats pris en charge par Adsense. Les annonces affichées utilisent sur la localisation figurant sur la carte. Ce moyen simple vous permet de monétiser vos cartes avec de la publicité non intrusive et pertinente.

Pour ajouter des publicités Adsense dans vos cartes, une nouvelle librairie nommé AdSense Library est apparue dans la référence relative à l'API Google Maps Version3.

Celle-ci comporte les éléments suivants :

Pour plus d'explications sur la mise en place de publicités Adsense dans vos cartes Google veuillez consulter :

Sortie de la version 4.0 de gmap3

2011-08-23T11:30:00.003+02:00

La version 4.0 du plugin JQuery gmap3 est désormais disponible depuis le 23 août 2011.

Le code du plugin gmap3 version 4.0 a été ré-écrit à 90%.

Amélioration du clustering,
Ajout de la fonction getDistance utilisant DistanceMatrixService,
Possibilité d'ajouter des classes extérieures dans la configuration par défaut,
Gestion de l'OVER_QUERY_LIMIT

Sortie de la version 3.6 de l'API Google Maps Javascript

2011-08-18T00:00:00.018+02:00

La version 3.6 est désormais disponible pour l'API Google Maps JavaScript depuis le 17 août 2011.

Dans cette nouvelle version les icônes 'business', symbolisant l'emplacement des différents commerces et administrations, peuvent être affichés ou masqués dans leur totalité ou par catégorie. Tout clic sur l'un de ces icônes déclenche l'affichage d'une info-bulle indiquant le nom et les coordonnées postales de l'établissement sélectionné.

Exemple de carte permettant la sélection des icônes business :

Une nouvelle propriété nommée styles a été ajoutée à l'objet MapOptions permettant de définir les styles à appliquer à chacun des types de carte par défaut.

Exemple de carte stylisée à l'aide de la propriété 'styles' :

Page de l'annonce officielle : 2011/8/17 - New Release (3.6)

La reference Google Maps API version 3.7 en Francais

2011-06-03T23:50:00.009+02:00

Retrouvez, ci-dessous, la Référence traduite en Français de l'API Google Maps JavaScript Version 3.7.
Les classes, objets, constructeurs, constantes, évènements, méthodes et propriétés sont classés par catégorie et ordre alphabétique.
Dernière mise à jour le 03 Juin 2011 : Ajout de la bibliothèque Places (Places Library) et de Google Distance Matrix API.

Base

- LatLng
- LatLngBounds
- Point
- Size

Controls

- ControlPosition
- MapTypeControlOptions
- MapTypeControlStyle
- PanControlOptions
- ScaleControlOptions
- ScaleControlStyle
- StreetViewControlOptions
- ZoomControlOptions
- ZoomControlStyle

Events

- event
- MapsEventListener
- MouseEvent

Layers

- BicyclingLayer
- FusionTablesCell
- FusionTablesHeatmap
- FusionTablesLayer
- FusionTablesLayerOptions
- FusionTablesMarkerOptions
- FusionTablesMouseEvent
- FusionTablesPolygonOptions
- FusionTablesPolylineOptions
- FusionTablesQuery
- FusionTablesStyle

- KmlAuthor
- KmlFeatureData
- KmlLayer
- KmlLayerMetadata
- KmlLayerOptions
- KmlMouseEvent
- TrafficLayer

Map

- Map
- MapOptions
- MapTypeId

Map Types

- ImageMapType
- ImageMapTypeOptions
- MapType
- MapTypeRegistry
- MapTypeStyle
- MapTypeStyleElementType
- MapTypeStyleFeatureType
- MapTypeStyler
- Projection
- StyledMapType
- StyledMapTypeOptions

MVC

- MVCArray
- MVCObject

Overlays

- Animation
- Circle
- CircleOptions
- GroundOverlay
- GroundOverlayOptions
- InfoWindow
- InfoWindowOptions
- MapCanvasProjection
- MapPanes
- Marker
- MarkerImage
- MarkerOptions
- MarkerShape
- OverlayView
- Polygon
- PolygonOptions
- Polyline
- PolylineOptions
- Rectangle
- RectangleOptions

Services

- DirectionsLeg
- DirectionsRenderer
- DirectionsRendererOptions
- DirectionsRequest
- DirectionsResult
- DirectionsRoute
- DirectionsService
- DirectionsStatus
- DirectionsStep
- DirectionsWaypoint
- Distance
- DistanceMatrixElementStatus
- DistanceMatrixRequest
- DistanceMatrixResponse
- DistanceMatrixResponseElement
- DistanceMatrixResponseRow
- DistanceMatrixService
- DistanceMatrixStatus
- Duration
- ElevationResult
- ElevationService
- ElevationStatus
- Geocoder
- GeocoderAddressComponent
- GeocoderGeometry
- GeocoderLocationType
- GeocoderRequest
- GeocoderResult
- GeocoderStatus
- LocationElevationRequest
- MaxZoomResult
- MaxZoomService
- MaxZoomStatus
- PathElevationRequest
- TravelMode
- UnitSystem

Street View

- StreetViewAddressControlOptions
- StreetViewLink
- StreetViewLocation
- StreetViewPanorama
- StreetViewPanoramaData
- StreetViewPanoramaOptions
- StreetViewPov
- StreetViewService
- StreetViewStatus
- StreetViewTileData

AdSense Library

- adsense.AdFormat
- adsense.AdUnit
- adsense.AdUnitOptions

Geometry Library

- geometry.encoding
- geometry.spherical

Panoramio Library

- panoramio.PanoramioFeature
- panoramio.PanoramioLayer
- panoramio.PanoramioLayerOptions
- panoramio.PanoramioMouseEvent

Places Library

- places.Autocomplete
- places.AutocompleteOptions
- places.PlaceDetailsRequest
- places.PlaceGeometry
- places.PlaceResult
- places.PlaceSearchRequest
- places.PlacesService
- places.PlacesServiceStatus

gmap3 : un plugin JQuery utilisant l'API Google Maps JavaScript Version3

2011-05-28T22:25:00.005+02:00

gmap3 est un plugin JQuery vous permettant de créer des cartes Google via l'API Google Maps JavaScript version 3.

Retrouvez ci-dessous une liste d'exemples vous montrant comment utiliser gmap3 :

Site officiel (en Anglais) : http://gmap3.net

Sortie de la version 3.5 de l'API Google Maps Javascript

2011-05-07T13:49:00.007+02:00

Le 7 mai 2011, Google a mis en ligne la version 3.5 de l'API Google Maps Javascript. Cette version est désormais la version par défaut.

Exemple de carte avec l'API Google Maps Javascript Version 3.5

Exemple de carte avec l'API Google Maps Javascript Version 3.4

Exemple de carte avec l'API Google Maps Javascript Version 3.3

Pas de changement notable entre la version 3.4 et la version 3.5.

Retrouvez toutes les modifications sur l'API Google Maps JavaScript V3 à cette adresse : Javascript Maps API v3 Changelog

Afficher ou masquer les différents contrôles sur une carte Google

2011-04-29T14:07:00.003+02:00

L'API Google Maps JavaScript version 3 propose plusieurs types de contrôles que vous pouvez afficher ou non sur votre carte. En voici la liste :

mapTypeControl : Bouton permettant de modifier le type de carte,
overviewMapControl : Contrôle permettant de d'afficher ou masquer une mini-carte en bas à droite de la carte principale,
panControl : Contrôle panoramique permettant de déplacer la carte,
rotateControl : Contrôle permettant d'afficher, lorsqu'elle est disponible, l'imagerie à 45 °,
scaleControl : Contrôle permettant d'afficher l'échelle sur la carte,
streetViewControl : Contrôle permettant d'afficher les "Street view",
zoomControl : Contrôle permettant de zoomer en avant ou en arrière sur la carte.

Les tutoriels cités ci-dessous vous expliquent comment afficher ou masquer ces différents boutons ou contrôles sur votre carte :

Tsunami et catastrophe nucleaire au Japon

2011-03-19T02:36:00.006+01:00

Le 11 Mars 2011 un tremblement de terre de magnitude 8.9 sur l'échelle de Richter s'est produit au large de la cote Est du Japon. Celui-ci est à l'origine d'un terrible Tsunami qui est venu ravager les cotes Japonaises.

Voici une liste de cartes relatives à cette catastrophe :

Carte épicentre et plaques tectoniques au Japon

Carte hauteur des vagues venues frapper le Japon

Carte tremblement de terre au Japon depuis le 11/03/2011

Carte des centrales nucléaires Japonaises

Visite de la centrale nucléaire de Fukushima

Ces cartes, réalisées à partir de différentes sources d'informations, n'ont aucun caractère officiel.

Sortie de la version 3.4 de l'API Google Maps Javascript

2011-02-08T09:11:00.002+01:00

Le 08 février 2011, Google a mis en ligne la version 3.4 de l'API Google Maps Javascript. Cette version est désormais la version par défaut.

Exemple de carte avec l'API Google Maps Javascript Version 3.4

Exemple de carte avec l'API Google Maps Javascript Version 3.3

Exemple de carte avec l'API Google Maps Javascript Version 3.2

Changement notable d'un point de vue esthétique entre la version 3.3 et la version 3.4.

Retrouvez toutes les modifications sur l'API Google Maps JavaScript Version 3 à cette adresse : Javascript Maps API v3 Changelog

Des marqueurs qui sautent et tombent du ciel !

2011-01-25T11:01:00.015+01:00

Dans l'API Google Maps v2 lorsque vous faites glisser un marqueur déplaçable, une petite animation à l'issue du déplacement, le fait rebondir sur sa position finale avant qu'il ne s'immobilise. Dans l'API Google Maps v3, en plus de cette fonctionnalité, d'autres options ont été ajoutées offrant aux développeurs de nouvelles possibilités pour animer leurs marqueurs.

En plus de la traditionnelle animation "glisser" offerte dans la version 2, Google propose désormais dans la version 3, deux nouvelles animations applicables aux marqueurs. La première, "BOUNCE", permet de faire rebondir un marqueur indéfiniment pour attirer votre attention par exemple. La seconde, "DROP", ajoute un marqueur sur la carte en le faissant chuter depuis le haut de la carte jusqu'à on emplacement définitif, suivi d'un petit rebond. Une combinaison Javascript / CSS assure le mouvement sans heurt dans tous les dispositifs.

Attention :

Depuis que Google à décidé de ne plus assurer le support pour le navigateur Internet Explorer 6, ces nouvelles animations ne fonctionnent pas sous IE6. Les marqueurs apparaissent toujours, peuvent être déplacés, mais ils ne peuvent pas être animer.

Pour en savoir plus, vous pouvez consulter :

Classe google.maps.Animation
Classe google.maps.Marker - Evénement animation_changed
Classe google.maps.Marker - Méthode getAnimation()
Classe google.maps.Marker - Méthode setAnimation(animation:Animation)

Deux exemples de marqueurs (markers) animés :

Source : Google Geo Developers Blog: The map markers! They move!

Pourquoi et comment l'API Google Maps v3 est elle venue au monde ?

2011-01-23T22:06:00.027+01:00

L'API Google Maps version 3 a célébré son premier anniversaire lors du Google I/O 2010.

Dans cette vidéo, en date du 20 mai 2010, vous allez découvrir les raisons de vous lancer dans cette nouvelle API, les défis auxquels l'équipe Google Maps a été confrontée lors de l'élaboration de cette nouvelle version, et les leçons tirées de l'expérience.

Présentation : Raub Susannah et Ridey Marc.

Retrouvez ci-dessous une série d'articles vous expliquant comment migrer vos cartes de la version 2 vers la version 3 :

Migration du code JavaScript Google Maps de la V2 vers V3 afin de calculer un itinéraire routier

Migration du code JavaScript Google Maps de la V2 vers V3 afin de créer un marqueur et une info bulle simples

Migration du code JavaScript Google Maps de la V2 vers V3 afin de créer une carte simple

Centrer et Zoomer une carte automatiquement en fonction des marqueurs à afficher