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