[...] nce'}, function(results, status) {
if (status == google.maps.GeocoderStatus.OK) {
var coords = results[0].geometry.location
map.setCenter(coords);
var marker = new google.maps.Marker({
map: map,
position: coords
});
document.getElementById('latlng').value = coords.lat()+','+coords.lng();
codeLatLng(coords.lat()+','+coords.lng());
} else {
alert("Le geocodage n [...]
[...] ementById('lat').value = results[0].geometry.location.lat();
document.getElementById('lng').value = results[0].geometry.location.lng();
map.setCenter(results[0].geometry.location);
/* Affichage du marker */
var marker = new google.maps.Marker({
map: map,
position: results[0].geometry.location
});
/* Permet de supprimer le marker précédemment affiché */
markers.push(marker);
if(markers.length [...]
[...]
</script>
Accès aux méthodes:
fitBounds getBounds getCenter getDiv getMapTypeId getProjection getStreetView getZoom panBy panTo panToBounds setCenter setMapTypeId setOptions setStreetView setZoom
fitBounds
La méthode fitBounds permet d’ajuster automatiquement le zoom de la carte afin que celle-ci affiche l’ensemble des markers de la map. Il est nécessaire de déclarer l’objet map avant l’appel à cette méth [...]
[...] Dans cette section, retrouvez (bientôt … ) l’ensemble des classes de l’api Google Map Version 3 actuellement disponibles. Survolez les liens pour obtenir un aperçu des différentes méthodes et propriétés propres à chaque classe.
La version 3 de l’Api est encore mise à jour régulièrement. N’hésitez pas à consulter les dernières publications à cette adresse.
Documentation officielle (en anglais) de l’ [...]
[...] argeMapControl3D());
map.addControl(new GMenuMapTypeControl());
map.setMapType(G_HYBRID_MAP);
map.checkResize();
map.setCenter(new GLatLng(a,b), z);
if(address!=''){
var geocoder = new GClientGeocoder();
geocoder.getLatLng(address, function(point){ map.setCenter(point,z); });
}
myMarker = createMarker(new GLatLng(a,b)); // Ajout du marqueur
map.addOverlay(markerMember);
}
function [...]
[...] s déclarons l'élément html ayant pour id "map" comme conteneur de la map
avec une taille de 400 * 400 pixel */
/* Affichage de la carte */
map.setCenter(new GLatLng(48.8566667, 2.3509871), 12);
/* Ecouteur d'événements appliqué à la map */
GEvent.addListener(map, 'click', function (overlay,latlng){
var contenu = 'LAT : '+latlng.lat()+' / LNG : '+latlng.lng();
map.openInfoWindow(latlng, contenu);
});
</script>
openInfoWin [...]
[...] init(){
// Déclaration de la map
map = new GMap2(document.getElementById("map"),{mapTypes: [G_HYBRID_MAP]});
// Chargement de la map
map.setCenter(new GLatLng(centerLatitude, centerLongitude), startZoom);
// Ajout des outils de contrôle par défaut (zoom, ...)
map.setUIToDefault();
// Désactivation du zoom possible avec la molette de la souris
map.disableScrollWheelZoom();
// Mise à jour de la map
updateMarkers() [...]
[...] document.getElementById('mySidebar');
var i = 0;
var htmls = [];
var myListing = '';
/* Création de la map centrée sur Paris */
map.setCenter(new GLatLng(48.8566667, 2.3509871), 13);
/* Déclaration de l'objet GClientGeocoder utilisé dans l'application */
var geocoder = new GClientGeocoder();
/* Déclaration de la fonction chargée de communiquer avec le geocoder de Google */
function useGeoCoder(adr){
/* On [...]
[...] map.addOverlay(marker);
marker.openInfoWindowHtml(CONTENU INFO BULLE);
/* Centrage de la carte sur le point */
map.setCenter(new GLatLng(a,b), 12);
}}
);
}
}
</script>
getLocations (adresse)
Disponible depuis la version 2.55 de l’Api.
Contrairement à la méthode getLatLng, la méthode getLocations renvoie l’ensemble des résultats trouvés et non le point jugé le plus p [...]
[...] des liées aux états de la carte (map State) permettent de modifier ou d’agir sur la carte de votre application.
Accès direct aux méthodes:
setCenter panTo panBy panDirection setZoom zoomIn zoomOut savePosition returnToSavedPosition checkResize
setCenter()
Signature de la méthode setCenter :
setCenter(center : GLatLng, zoom ? : nombre, type ? : GLatLng).
La méthode setCenter() affiche une carte centrée sur le point (center) passé [...]
[...] etCenter();
/* Ajout des outils de contrôle sur la carte */
map.addControl(new GOverviewMapControl());
/* Affichage de la carte */
map.setCenter(new Centre, newZoom);
</script>
[...]
[...]
NB : Les liens non cliquables concernent les pages non encore disponibles…
Cette page fait référence aux classes Google Map de la version 2.x.
Les classes de l’Api Google Map V3 ne sont pas abordées ici.
Survolez les liens pour avoir un aperçu des méthodes et propriétés appartenant à la classe concernée.
Api Google Map V 2.X
Les classes
La classe principale
GMap2
configuration
panneaux de contrôle
types de carte
informa [...]
[...] 00,300)});
/* Ici, nous déclarons l'élément html ayant pour id "map" comme conteneur de la map
avec une taille de 400 * 300 pixel */
map.setCenter(new GLatLng(48.8566667, 2.3509871), 7);
var objetDrag = new GDraggableObject(document.getElementById('alldrag'),
{container: document.getElementById('content')});
</script>
[...]
[...] l'aide de la méthode getCenter().
var newCentre = bounds.getCenter();
Il suffit ensuite d'initialiser la carte avec ces éléments.
map.setCenter(newCentre, newZoom);
</script>
[...]
[...] l'aide de la méthode getCenter().
var newCentre = bounds.getCenter();
Il suffit ensuite d'initialiser la carte avec ces éléments.
map.setCenter(newCentre, newZoom);
</script>
visualisation des markers personnalisés
[...]