google map et integration dans une page avec IE

**le Lun Déc 18, 2006 18:56**

Bonjour, j'ai quelques difficultées a mettre en place google map sur mon site, J'utilise un script qui qui affiche la carte suivant les infos que je place en parametre (ville region pays).

Le probleme que je rencontre avec ie c'est que je n'arrive pas a positionner la carte a l'endroit souhaite, ça fonctionne par contre sur opera et firefox , je suppose qu'il y a une astuce pour que ça marche sur ie? Non?

Je précise tout de meme que sous ie la position que je souhaitais pointer est bien la mais je n'ai pas la carte deriere.

Une idée?

**le Lun Déc 18, 2006 19:50**

Salut, j'ai integré plusieurs fois google maps.

as tu l'url de ta page pour voir ce qui eventuellement déconne ?

**le Lun Déc 18, 2006 20:19**

Voici un exemple de page :

http://www.loc-europe.com/index-page-an ... tion-.html

Voici le code:

<script src="http://maps.google.com/maps?file=api&v=2.x&key=ABQIAAAA51WOotePkk7Xz51qZBtZ4RSv7eotkUA5XqE8gDfz1-3LpctlohSbuALivDuBVYk15sUBkrgw7uMGtA" type="text/javascript"></script>

<div id="map" style="width: 400px; height: 300px"></div>

<script type="text/javascript">

//<![CDATA[
/* Variable qui va correspondre à l'affichage de la carte dans la "div" */
var map = new GMap2(document.getElementById("map"));
/* Centre la carte aux coordonnées indiquées et réalise un zoom de niveau 5 */
//var point = new GLatLng(49.41483, 2.817895);supp
//map.setCenter(point,

;supp

/* Cette ligne permet de bloquer le déplacement sur la carte à l'aide de la souris */
map.disableDragging();

map.addControl(new GLargeMapControl());
map.addControl(new GMapTypeControl());

/* Création de l'objet GClientGeocoder */
var geocoder = new GClientGeocoder();

/* Fonction qui à partir d'une adresse va déterminer le point géographique */
function showAddress(address) {
if (geocoder) {
geocoder.getLatLng(address, function(point) {
if (!point) { /* Si les coordonnées n'ont pas été trouvés */
alert("Impossible de localiser l'adresse :\n\n" + address);
} else { /* /* Les coordonnées ont été trouvés */
/* Centrer la carte sur le point */
map.setCenter(point, 10);
/* Création d'un marqueur */
var marker = new GMarker(point);
/* Afficher le marqueur */
map.addOverlay(marker);
/* Associer une info-bulle au marqueur */
marker.openInfoWindowHtml(address);
}
});
}
}
//]]>

</script>

Dans la balise body j'appelle la fonction javascript:

<body onload="showAddress('robion,france'); return false;">

**le Lun Déc 18, 2006 23:25**

Tu devrais trouver un exemple en regardant le source de ces pages http://www.baudelet.net/satellite/

**le Mar Déc 19, 2006 0:33**

Il utilise loadmap et il met directement les coordonnées de l'endroit a afficher moi j'utilise showAddress.

Je pense qu'il a selectionné les coordonnées auparavant des cartes a afficher.

Dans mon cas j'ai uniquement le nom du lieu.

Je pense qu'il doit y avoir un truc que IE n'aime pas dans mon code.

La nuit porte conseil!

Je vais dormir.

**le Mar Déc 19, 2006 0:34**

Une question : peut on intégrer GGMap sur un site professionnel ? faut il une autorisation de GG?

Merci

Xp

**le Mar Déc 19, 2006 0:37**

Il paraitrait qu'on est le droit mais que le service que fournis google gratuitement ne soit pas payant sur le site . (j'ai lus ça sur un forum, je sais plus ou)

**le Mar Déc 19, 2006 0:39**

Merci!
Et on peut trouver des infos ou ca pour intégrer des cartes sur une site ?

**le Mar Déc 19, 2006 1:37**

Il y a toute la doc ici http://www.google.com/apis/maps/documentation/

**le Mar Déc 19, 2006 10:05**

Je viens de faire quelques test, sous ie je peux mettre la carte en debut ou en fin de ma page mais pas dans un tableau, ça ne fonctionne pas.

En résumé google aime pas les <table></table>.

Je vais continuez a faire quelques tests mais il semblerait que ce soit le probleme sous ie.

**le Mar Déc 19, 2006 11:13**

Finalement j'ai reussi a faire fonctionner correctement le script:

le div a l'endroit ou afficher la carte:

<div id=\"map\" style=\"width: 500px; height: 400px\"></div>

ceci en fin de page, (sinon ça marche pas, pourquoi?):

<script src="http://maps.google.com/maps?file=api&v=2.x&key=ABQIAAAA51WOotePkk7Xz51qZBtZ4RSv7eotkUA5XqE8gDfz1-3LpctlohSbuALivDuBVYk15sUBkrgw7uMGtA" type="text/javascript"></script>

<script type="text/javascript">

//<![CDATA[
/* Variable qui va correspondre à l'affichage de la carte dans la \"div\" */
var map = new GMap2(document.getElementById("map"));
/* Centre la carte aux coordonnées indiquées et réalise un zoom de niveau 5 */
//var point = new GLatLng(49.41483, 2.817895);supp
// map.setCenter(point,

;supp

/* Cette ligne permet de bloquer le déplacement sur la carte à l'aide de la souris */
//map.disableDragging();

map.addControl(new GLargeMapControl());
map.addControl(new GMapTypeControl());

/* Création de l'objet GClientGeocoder */
var geocoder = new GClientGeocoder();

/* Fonction qui à partir d'une adresse va déterminer le point géographique */
function showAddress(address) {
if (geocoder) {
geocoder.getLatLng(address, function(point) {
if (!point) { /* Si les coordonnées n'ont pas été trouvés */
alert("Impossible de localiser l'adresse :\n\n" + address);
} else { /* /* Les coordonnées ont été trouvés */
/* Centrer la carte sur le point */
map.setCenter(point, 10);
/* Création d'un marqueur */
var marker = new GMarker(point);
/* Afficher le marqueur */
map.addOverlay(marker);
/* Associer une info-bulle au marqueur */
marker.openInfoWindowHtml(address);
}
});
}
}
//]]>

</script>

<script type="text/javascript">
showAddress('robion,france');
</script>

Il semble qu'on ne puisse pas tout regrouper ensemble sinon ça marche pas. La piste du <table> etait une fausse piste.

**le Mar Déc 19, 2006 11:26**

bonjour,

j'ai eu quelqu'un de chez google dans une formation, et la réponse est :
on peut utiliser la version gratuite sur un site pro, mais on aura de la publicité qui peut s'afficher, publicité qui ne sera pas présente sur la version payante

**le Ven Déc 22, 2006 16:21**

J'ai fais quelques tests avec cet api google et je cherche comment recuperer la position de la souris lors d'un clic par exemple.

Il est simple de recuperer les coordonnées du centre de la carte grace a :

var center = map.getCenter();

Mais comment faire pour la position de la souris au moment d'un clic?

Je cherche mais je trouve pas!

Quelqu'un sait t'il comment faire?

**le Mer Déc 27, 2006 10:56**

soumsoum a écrit:Je viens de faire quelques test, sous ie je peux mettre la carte en debut ou en fin de ma page mais pas dans un tableau, ça ne fonctionne pas.

En résumé google aime pas les <table></table>.

De toutes façons, les <table> n'ont jamais été prévues pour cela.

<troll>
mais les <table> ne doivent être utilisées que pour des données tabulaires. Un tableau de résultats, un agenda hebdo, etc... quand une donnée présente dans une cellule correspond à l'en-tête de ligne et l'en-tête de colonne.
Pour le reste, on utilise les css :wink:

</troll>

google map et integration dans une page avec IE

google map et integration dans une page avec IE

Exemple Sitemap via IE (fonctionne avec Firefox)

Lectures recommandées sur ce thème :

Qui est en ligne