Génération dynamique de Google Maps

Marsh Posté le 20-12-2009 à 19:16:52

Bonsoir,

J'ai intégré dans mon site une rubrique qui fait appel à des Google Maps.
Grosso-modo, Un rédacteur ajoute un article, contenant un nom de ville, et une map apparait automatiquement dans l'article après un appel au geocoder.
Le souci c'est que jusqu'à maintenant j'ai crée une fonction de traitement gmap par article (c'est moche je sais) et que le nombre d'articles par page se doit donc d'être fixe.
J'aimerais donc réaliser une fonction générique pour le geocoding et l'initialisation d'un google map.

Un peu de code pour expliciter tout ça :

Les fonctions d'initialisations :

Code :

<script type="text/javascript">
var map1 = null;
var map2 = null;
var map3 = null;
var geocoder = null;
function initialize1() {
if (GBrowserIsCompatible()) {
map1 = new GMap2(document.getElementById("map_canvas1" ));
geocoder = new GClientGeocoder();
}
}
function showAddress1(address) {
if (geocoder) {
geocoder.getLatLng(
address,
function(point) {
if (!point) {
alert(address + " not found" );
} else {
map1.setCenter(point, 11);
var marker = new GMarker(point);
map1.addOverlay(marker);
marker.openInfoWindowHtml(address);
}
}
);
}
}
function initialize2() {
if (GBrowserIsCompatible()) {
map2 = new GMap2(document.getElementById("map_canvas2" ));
geocoder = new GClientGeocoder();
}
}
function showAddress2(address) {
if (geocoder) {
geocoder.getLatLng(
address,
function(point) {
if (!point) {
alert(address + " not found" );
} else {
map2.setCenter(point, 11);
var marker = new GMarker(point);
map2.addOverlay(marker);
marker.openInfoWindowHtml(address);
}
}
);
}
}

L'affichage :

Code :

pour i allant de 1 au nombre d'article par page {
echo"<div id='map_canvas".$i."' style='width: 400px; height: 300px'></div>";
echo"<script type='text/javascript'>initialize".$i."(); showAddress".$i."('".$lieu." ".$cp."');</script>";
$i = $i +1;
}

Merci d'avance :jap:

Message édité par darkgloom le 20-12-2009 à 19:18:21

Reply

Marsh Posté le 20-12-2009 à 19:16:52

Reply

Marsh Posté le 21-12-2009 à 13:08:56

tu creer un array avec t'es info, tu le transforme en object json que tu recupere avec javascript, mais le mieux c'est au niveau de la creation de l'article il faut inclure les coordonné que google te retournera, ca sera beaucoup plus rapide que de faire une recherche par adresse a chaque fois

Message édité par stealth35 le 21-12-2009 à 13:10:34

Reply

Marsh Posté le 21-12-2009 à 14:13:40

C'est vrai que faire appel au geocoder à chaque fois n'est pas un très bon choix, je pourrais stocker les coordonnées en base, je ferais peut être ça dans un 2ème temps.
Par contre je ne comprend pas tout à fait ta solution, je ne suis même pas sur qu'elle réponde à mon problème :heink:

Reply

Marsh Posté le 21-12-2009 à 14:26:21

a chaque tour de boucle tu creer un array du type

Code :

map[$i]['div']  = "map_canvas$i";
map[$i]['lat']  = $lat;
map[$i]['lon']  = $lon;

a la fin de ta boucle tu fais

Code :

$json = json_encode($map);

dans ton code html tu pourras ensuite faire

Code :

<script type="text/javascript">
 var map = <?php echo $json ?>;
 
for(var i in map)
{
 //ta fonction pour creer ta div map, et affichage du pointeur
}
</script>

http://php.net/manual/fr/function.json-encode.php

Message édité par stealth35 le 21-12-2009 à 14:34:39

Reply

Marsh Posté le 22-12-2009 à 12:26:19

Je vois

Concernant la dernière fonction, qu'est ce qui est le mieux ?
Je la déclare au début de ma page et je l'appelle une fois que les div sont crées ?

Merci en tout cas :jap:

Message édité par darkgloom le 22-12-2009 à 13:00:15

Reply

Marsh Posté le 22-12-2009 à 13:01:42

avec l'api de google t'as une fonction qui va enclencher une fois ta page charger, donc tu gardes tout dans l'en tete, ta boucle aussi.

Reply

Génération dynamique de Google Maps

Sujets relatifs:

Leave a Replay