google map et integration dans une page avec IE

soumsoum · 18 Décembre 2006

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?

Kaliiii · 18 Décembre 2006

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

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

soumsoum · 18 Décembre 2006

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, 8);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;">

Rackham · 18 Décembre 2006

Exemple Sitemap via IE (fonctionne avec Firefox)

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

soumsoum · 19 Décembre 2006

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.

Anonymous · 19 Décembre 2006

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

Merci

Xp

soumsoum · 19 Décembre 2006

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)

Anonymous · 19 Décembre 2006

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

Rackham · 19 Décembre 2006

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

soumsoum · 19 Décembre 2006

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.

soumsoum · 19 Décembre 2006

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, 8);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.

e-kiwi · 19 Décembre 2006

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

soumsoum · 22 Décembre 2006

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?

Leonick · 27 Décembre 2006

soumsoum a dit:
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> :lol: