a
     
 
       
   Developpeur web    
       
   Php Mysql et divers    
       
   Shitao    
   Sénèque    
   Recettes    
       


> Tutorial googleMap en php, liste d\'adresse sur une carte

Il s'agit de pouvoir afficher sur une carte, une série de marqueur correspondant à une liste d'adresse.

Il faut commencer par obtenir une clé API (APIKey) chez Google : http://code.google.com/apis/maps/ 
Vous pouvez vous plonger dans la documentation en anglais sur le site de Google, ou bien utiliser la classe php GoogleMapAPI que vous pourrez télécharger ici : http://www.phpinsider.com/php/code/GoogleMapAPI/ , c'est cette méthode que nous allons décrire.

Début du fichier 'map.php' :

<?php

require('GoogleMapAPI.class.php');
// la doc et le téléchargement sur http://www.phpinsider.com/php/code/GoogleMapAPI/

$map = new GoogleMapAPI('map');
$map->setAPIKey('VOTREAPIKEYICI');
// pour déterminer le niveau de zoom par défaut
$map->setZoomLevel(10);
//$map->setCenterCoords(48.7, 2.3);
//$map->adjustCenterCoords(48.7, 2.3);

// création d'un marqueur avec un drapeau simple
$map->addMarkerByAddress('22 rue rambuteau, 75020 paris, FR','Votre Titre','Votre Description');

// création d'un marqueur avec un drapeau à onglet
$map->addMarkerByAddress('107 rue Pelleport, 75020 PARIS, FR','Votre Titre 2',array('Adresse'=>'107 rue Pelleport<br>75020 PARIS','La ville'=>'<b>PARIS</b>'));

// création d'un marqueur avec un drapeau à onglet à partir de coordonnées géographiques
$map->addMarkerByCoords(48.7,2.3,'Titre',array('onglet1'=>'<br><b>blabla</b>',"Onglet2"=>'<br>blabla'));

//taille de la carte
$map->setHeight("600");
$map->setWidth("600");

// on ne desactive pas la barre de coté
//$map->disableSidebar();
// on ne desactive pas les boutons de mode de vue
//$map->disableTypeControls();
// le mode de vue par défaut
$map->setMapType("map");

//On désactive les boutons pour afficher la direction d'un point a l'autre (et pouvoir afficher les onglets...)
$map->disableDirections();

//$map->disableZoomEncompass();
//zoom automatique pour englober tous les marqueurs (écrase le zoom fixé plus haut)
$map->enableZoomEncompass();
//Active la carte en bas a droite
$map->enableOverviewControl();

?>


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xmlns:v="urn:schemas-microsoft-com:vml">
<head>
<?php $map->printHeaderJS(); ?>
<?php $map->printMapJS(); ?>
<link rel="stylesheet" type="text/css" href="styles.css" media="all"/>
</head>

<body onload="onLoad()" >
<?php $map->printMap(); ?>
<?php $map->printSidebar();?>
</body>
</html>


Et dans le fichier css styles.css :

body {
font-family: Tahoma, Verdana sans-serif;
font-size: 12px;
margin: 0;
padding: 0;
background: #FFFFFF;
color: #666666;
}

v:* {
behavior:url(#default#VML);
}

/*pour les infobulles de la carte*/
#gmapmarker {
font: normal small verdana, arial, helvetica, sans-serif;
font-size: 10pt;
margin: 0px;
width: 250px;
height: 100px;
overflow:auto;
}

#map {
float : left;
}




retour

  Tags : googlemap


> Obtenir la lattitude et la longitude googlemap d'une adresse en php
> Tutorial googleMap en php, regrouper des marqueurs par catégories
> Autres tutoriels sur googlemap
> Dépasser la limite des 15000 géolocalisations par jour sur googlemap
> Géocoder une adresse en php, obtenir sa latitude et sa longitude
> Eviter le statut google OVER_QUERY_LIMIT et dépasser la limite des 2500 géolocalisations par jour
Cylman
  Tags : googlemap


> Obtenir la lattitude et la longitude googlemap d'une adresse en php
> Tutorial googleMap en php, regrouper des marqueurs par catégories
> Autres tutoriels sur googlemap
> Dépasser la limite des 15000 géolocalisations par jour sur googlemap
> Géocoder une adresse en php, obtenir sa latitude et sa longitude
> Eviter le statut google OVER_QUERY_LIMIT et dépasser la limite des 2500 géolocalisations par jour



RSS    |    Mes liens    |    Syndication    |    Plan    |    Sitemap XML    |    Création de site web à Carcassonne