Google maps api
toutpourmoinsch
Messages postés
2
Date d'inscription
lundi 28 janvier 2008
Statut
Membre
Dernière intervention
28 janvier 2008
-
28 janv. 2008 à 11:52
cs_gabay Messages postés 25 Date d'inscription lundi 10 décembre 2007 Statut Membre Dernière intervention 29 juin 2010 - 18 mars 2009 à 00:13
cs_gabay Messages postés 25 Date d'inscription lundi 10 décembre 2007 Statut Membre Dernière intervention 29 juin 2010 - 18 mars 2009 à 00:13
A voir également:
- Api google maps javascript
- Api google maps - Conseils pratiques -PHP
- Google maps api adresse ✓ - Forum Java
- Google map distance entre deux points - Forum PHP
- Api sms php - Forum PHP
- Application sms avec php - Forum PHP
3 réponses
toutpourmoinsch
Messages postés
2
Date d'inscription
lundi 28 janvier 2008
Statut
Membre
Dernière intervention
28 janvier 2008
28 janv. 2008 à 17:48
28 janv. 2008 à 17:48
voila le code:
<script type= "text/javascript">
//<![CDATA[
// Adresse sur laquelle le carte sera centrer et ou sera placer le marqueur
var cfg_adress = '316 route de la Fortune, 73210 Aime';
// Largeur de la carte
var cfg_largeur = '500px';
// Hauteur de la carte
var cfg_hauteur = '400px';
// Niveau de zoom, entre 1 (niveau globe) et 17 (niveau rue)
var cfg_zoomLevel =9;
// Texte pour le popup
// Si vous ne souahitez pas de poupup laisser mettre simplement "" comme valeur
var cfg_description = ""+
"\"+
\"----
Webmaster ToutPourMoinsCher
73210 AIME
info@toutpourmoinscher.net
"+
"www.toutpourmoinscher.net"+
", \"+
\""+
""+
"
";
// Variable globale pour l'objet GMAP2
var map;
// Variable global pour l'objet GClientGeocoder qui traduit une adresse en longitude,latitude
var geocoder;
// Function appellée au chargement de la page web
// Créee et configure la carte
function loadMyMap() {
// Teste si le navigateur est compatible avec l'API Gmaps
if(GBrowserIsCompatible()){
// Affecte la carte à la div "map_mezy" (voir tout en bas)
var divMap = document.getElementById("map_mezy");
// Redimensionne la carte
divMap.style.width = cfg_largeur;
divMap.style.height = cfg_hauteur;
// Création des objets princiapux
map =new GMap2(divMap);
geocoder = new GClientGeocoder();
// Pour zoomer avec la molette de la souris
// Pour le désactiver ajouter // devant la ligne suivante ou bien la supprimer :)
map.enableScrollWheelZoom();
// Grande barre de zoom
map.addControl(new GLargeMapControl());
//Pour switcher entre les différentes vues (sattelite, plan, hybride)
map.addControl(new GMapTypeControl());
// On centre la carte sur votre adresse
centerMapOnAdress(cfg_adress);
}
elsealert('Votre navigateur ne permet pas l\'affichage de carte Google Maps');
}
// Centre une carte sur une adresse
// Geocode l'adresse
// Message d'erreur si adresse non trouvé
function centerMapOnAdress(adresse) {
if(!adresse.length)alert('Remplir la variable adresse');
// Décodage de l'adresse
geocoder.getLatLng(
adresse,
function(point) {
// Adresse introuvable
if (!point) {
alert('Adresse : ' + addresse + " introuvable");
} else {
// Centre la carte sur l'adresse
map.setCenter(point, cfg_zoomLevel);
// On créer un marqueur à l'adresse spécifiée
var marker =new GMarker(point);
var textePopUp = cfg_description;
// Si il y a une description
if (textePopUp.length) {
// Affiche un popup lors du clic sur le marqueur
GEvent.addListener(marker, "mouseover", function() {
marker.openInfoWindowHtml(textePopUp);
});
// Affiche le marqueur
map.addOverlay(marker);
}
else map.addOverlay(marker); // Affiche le marqueur
}
}
);
}
// Au chargement de la page on affiche la carte
window.onload=loadMyMap;
// A la fermeture de la page on libère la mémoire allouée à la carte
window.onunload=GUnload;
//]]>
</script>
Tout le monde a commencer un jour, un peu d'aide Svp
<script type= "text/javascript">
//<![CDATA[
// Adresse sur laquelle le carte sera centrer et ou sera placer le marqueur
var cfg_adress = '316 route de la Fortune, 73210 Aime';
// Largeur de la carte
var cfg_largeur = '500px';
// Hauteur de la carte
var cfg_hauteur = '400px';
// Niveau de zoom, entre 1 (niveau globe) et 17 (niveau rue)
var cfg_zoomLevel =9;
// Texte pour le popup
// Si vous ne souahitez pas de poupup laisser mettre simplement "" comme valeur
var cfg_description = ""+
"\"+
\"----
Webmaster ToutPourMoinsCher
73210 AIME
info@toutpourmoinscher.net
"+
"www.toutpourmoinscher.net"+
", \"+
\""+
""+
"
";
// Variable globale pour l'objet GMAP2
var map;
// Variable global pour l'objet GClientGeocoder qui traduit une adresse en longitude,latitude
var geocoder;
// Function appellée au chargement de la page web
// Créee et configure la carte
function loadMyMap() {
// Teste si le navigateur est compatible avec l'API Gmaps
if(GBrowserIsCompatible()){
// Affecte la carte à la div "map_mezy" (voir tout en bas)
var divMap = document.getElementById("map_mezy");
// Redimensionne la carte
divMap.style.width = cfg_largeur;
divMap.style.height = cfg_hauteur;
// Création des objets princiapux
map =new GMap2(divMap);
geocoder = new GClientGeocoder();
// Pour zoomer avec la molette de la souris
// Pour le désactiver ajouter // devant la ligne suivante ou bien la supprimer :)
map.enableScrollWheelZoom();
// Grande barre de zoom
map.addControl(new GLargeMapControl());
//Pour switcher entre les différentes vues (sattelite, plan, hybride)
map.addControl(new GMapTypeControl());
// On centre la carte sur votre adresse
centerMapOnAdress(cfg_adress);
}
elsealert('Votre navigateur ne permet pas l\'affichage de carte Google Maps');
}
// Centre une carte sur une adresse
// Geocode l'adresse
// Message d'erreur si adresse non trouvé
function centerMapOnAdress(adresse) {
if(!adresse.length)alert('Remplir la variable adresse');
// Décodage de l'adresse
geocoder.getLatLng(
adresse,
function(point) {
// Adresse introuvable
if (!point) {
alert('Adresse : ' + addresse + " introuvable");
} else {
// Centre la carte sur l'adresse
map.setCenter(point, cfg_zoomLevel);
// On créer un marqueur à l'adresse spécifiée
var marker =new GMarker(point);
var textePopUp = cfg_description;
// Si il y a une description
if (textePopUp.length) {
// Affiche un popup lors du clic sur le marqueur
GEvent.addListener(marker, "mouseover", function() {
marker.openInfoWindowHtml(textePopUp);
});
// Affiche le marqueur
map.addOverlay(marker);
}
else map.addOverlay(marker); // Affiche le marqueur
}
}
);
}
// Au chargement de la page on affiche la carte
window.onload=loadMyMap;
// A la fermeture de la page on libère la mémoire allouée à la carte
window.onunload=GUnload;
//]]>
</script>
Tout le monde a commencer un jour, un peu d'aide Svp
cs_gabay
Messages postés
25
Date d'inscription
lundi 10 décembre 2007
Statut
Membre
Dernière intervention
29 juin 2010
15 mars 2009 à 19:57
15 mars 2009 à 19:57
c'est exactement ce que je cherche à fair moi aussi, mettre plusieurs marqueur et avec des description différente
cs_gabay
Messages postés
25
Date d'inscription
lundi 10 décembre 2007
Statut
Membre
Dernière intervention
29 juin 2010
18 mars 2009 à 00:13
18 mars 2009 à 00:13
voici ce ke g reussi a faire tu peut ajouté le nombre de marqueur ke tu veut avec chaqu'un sa propre description et n'oubli pas de mettre ta clé ;)
<script src="http://maps.google.com/maps?file=api&v=2&key="Mettre la clé google map ici" type="text/javascript"></script>
<script type="text/javascript">
function initialize() {
if (GBrowserIsCompatible()) {
var map = new GMap2(document.getElementById("map1"));
map.setCenter(new GLatLng(35.876591, 10.10699), 7);
var latlng = new GLatLng(33.536591,11.10699);
var latlng1 = new GLatLng(34.7596661246625,10.7687989622355);
var latlng2 = new GLatLng(36.798672,10.17263);
var marker= new GMarker(latlng);
var marker1= new GMarker(latlng1);
var marker2= new GMarker(latlng2);
GEvent.addListener(marker, "mouseover", function() {marker.openInfoWindowHtml("description 1");});
GEvent.addListener(marker, "mouseout", function() {marker.closeInfoWindow();});
GEvent.addListener(marker1, "mouseover", function() {marker1.openInfoWindowHtml("description 2");});
GEvent.addListener(marker1, "mouseout", function() {marker1.closeInfoWindow();});
GEvent.addListener(marker2, "mouseover", function() {marker2.openInfoWindowHtml("description3");});
GEvent.addListener(marker2, "mouseout", function() {marker2.closeInfoWindow();});
map.addOverlay(marker);
map.addOverlay(marker1);
map.addOverlay(marker2);
}
}
window.onload=initialize;
window.onunload=GUnload;
</script>
<script src="http://maps.google.com/maps?file=api&v=2&key="Mettre la clé google map ici" type="text/javascript"></script>
<script type="text/javascript">
function initialize() {
if (GBrowserIsCompatible()) {
var map = new GMap2(document.getElementById("map1"));
map.setCenter(new GLatLng(35.876591, 10.10699), 7);
var latlng = new GLatLng(33.536591,11.10699);
var latlng1 = new GLatLng(34.7596661246625,10.7687989622355);
var latlng2 = new GLatLng(36.798672,10.17263);
var marker= new GMarker(latlng);
var marker1= new GMarker(latlng1);
var marker2= new GMarker(latlng2);
GEvent.addListener(marker, "mouseover", function() {marker.openInfoWindowHtml("description 1");});
GEvent.addListener(marker, "mouseout", function() {marker.closeInfoWindow();});
GEvent.addListener(marker1, "mouseover", function() {marker1.openInfoWindowHtml("description 2");});
GEvent.addListener(marker1, "mouseout", function() {marker1.closeInfoWindow();});
GEvent.addListener(marker2, "mouseover", function() {marker2.openInfoWindowHtml("description3");});
GEvent.addListener(marker2, "mouseout", function() {marker2.closeInfoWindow();});
map.addOverlay(marker);
map.addOverlay(marker1);
map.addOverlay(marker2);
}
}
window.onload=initialize;
window.onunload=GUnload;
</script>
