PHP

Génération dynamique de Google Maps

Recherche :

Mot : Pseudo : Filtrer
Bas de page
Auteur	Sujet : Génération dynamique de Google Maps

darkgloom

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

Publicité

stealth35

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

darkgloom

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:

stealth35

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

darkgloom

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

stealth35

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.

FORUM HardWare.fr

Programmation

PHP

Génération dynamique de Google Maps

Sujets relatifs
Programme d'affichage dynamique	Problème de génération de fichier excel sous easyPHP 1.8
Referencement : comment afficher ceci dans google?	Développement d'un menu dynamique, format de données à utiliser
creation des sous domaines dynamique	Création projet info style google Street View
API Google Analytic	Texte dynamique + masque = probleme
Combinaison de bibliothèques statiques en une dynamique	Problème:boite de dialogue alert() avec chrome+safari - [Résolu]
Plus de sujets relatifs à : Génération dynamique de Google Maps

Page générée en 0.078 secondes