Ajout de point et marqueurs dynamique dans google map

nikoka62

Nouveau WRInaute
Bonjour tout le monde, voila je dois faire une carte sous google map et la rendre dynamique avec ajout de points et marqueurs etc

en créant mes points manuellement tout fonctionne correctement mais mon "chef" les veut dynamique maintenant, j'ai commencé a codé un peu mais je n'y connais pas grand chose en java donc c'est dur dur, si quelqu'un pouvait m'aider...

le but est d'aller chercher dans la base de données es informations du points et de le crée via un appel de fonction sous java script.. je seche la


merci a vous , voila le bout de code



le JAVA SCRIPT :

<script type="text/javascript">
//<![CDATA[

var map = null;
var geocoder = null;

function load() {
if (GBrowserIsCompatible()) {
map = new GMap2(document.getElementById("map"));
map.setCenter(new GLatLng(50.457504,3.57605),9);
geocoder = new GClientGeocoder();
//création du zoom
map.addControl(new GLargeMapControl());
map.enableDoubleClickZoom() ;
// fin création du zoom

// création mode plan sattelite
map.addControl ( new GMapTypeControl () );
// fin création mode plan sattelite

// Création de mini icones bouchon
var icon = new GIcon();
icon.image = "http://rouleralhuile.free.fr//image/bouchon_google_map.png";
icon.iconSize = new GSize(40, 46);
icon.iconAnchor = new GPoint(10, 24);
icon.infoWindowAnchor = new GPoint(5, 1);
//fin creation mini_icone bouchon

//création de mini icone bidon
var icon2 = new GIcon();
icon2.image = "http://rouleralhuile.free.fr//image/bidon.JPG";
icon2.iconSize = new GSize(40, 46);
icon2.iconAnchor = new GPoint(10, 24);
icon2.infoWindowAnchor = new GPoint(5, 1);

//fin creation mini_icone bidon

//debut fonction creation du marker
function createMarker(point,html,icon) {
var marker = new GMarker(point,icon);
GEvent.addListener(marker, "click", function() {
marker.openInfoWindowHtml(html);
});
return marker;
}
//fin fonction creation du marker
function createpoint(lattitude,longitude){
//creation differents point carte
var la=lattitude;
var lo=longitude;

var point = new GLatLng(la,lo); //initialisation du point
var marker = createMarker(point,'Le Café Citoyen <br> 7 Place du marché aux chevaux,<br> Lille Tel:03 20 13 15 73 <br> <a href="http://cafecitoyen.org/doku.php" target="blank">site web</a> <br><img src="http://rouleralhuile.free.fr/image/cafecitoyen.jpg" border="0" height="95" width="150">',icon) //appel de la fonction
map.addOverlay(marker);
}

}
}





Le PHP

<?
$req = "SELECT * FROM collecte";
$requete = mysql_query($req);

while ($detail=mysql_fetch_array($requete))
{
$num_point = $detail['num_points_collecte'];
$coordonne_lat = $detail['coordonne_lat_collecte'];
$coordonne_long = $detail['coordonne_long_collecte'];
$html = $detail['nom_collecte'];
$adresse = $detail['adresse_collecte'];
$cp = $detail['cp_collecte'];
$ville = $detail['ville_collecte'];
$tel = $detail['tel_collecte'];
$email = $detail['email_collecte'];
$site = $detail['site_collecte'];
$logo = $detail['logo_collecte'];
$num_icon = $detail['num_icon#'];
echo "<script type='text/javascript'>var point1 = new GLatLng({$coordonne_lat},{$coordonne_long});</script>";
echo"<script type='text/javascript'>var marker1 = createMarker(point1,{$html},icon);</script>";
echo"<script type='text/javascript'>map.addOverlay(marker1);</script>";
}
?>
 

nikoka62

Nouveau WRInaute
j'ai trouver le probléme voila la solution

il suffisait de passer le php dans le javascript
merci quand meme
<script type="text/javascript">
//<![CDATA[

var map = null;
var geocoder = null;

function load() {
if (GBrowserIsCompatible()) {
map = new GMap2(document.getElementById("map"));
map.setCenter(new GLatLng(50.457504,3.57605),9);
geocoder = new GClientGeocoder();
//création du zoom
map.addControl(new GLargeMapControl());
map.enableDoubleClickZoom() ;
// fin création du zoom

// création mode plan sattelite
map.addControl ( new GMapTypeControl () );
// fin création mode plan sattelite

// Création de mini icones bouchon
var icon1 = new GIcon();
icon1.image = "http://rouleralhuile.free.fr/image/bouchon_google_map.png";
icon1.iconSize = new GSize(40, 46);
icon1.iconAnchor = new GPoint(10, 24);
icon1.infoWindowAnchor = new GPoint(5, 1);
//fin creation mini_icone bouchon

//création de mini icone bidon
var icon2 = new GIcon();
icon2.image = "http://rouleralhuile.free.fr/image/bidon.JPG";
icon2.iconSize = new GSize(40, 46);
icon2.iconAnchor = new GPoint(10, 24);
icon2.infoWindowAnchor = new GPoint(5, 1);
//fin creation mini_icone bidon

//debut fonction creation du marker
function createMarker(point,html,icon){
var marker = new GMarker(point,icon);
GEvent.addListener(marker, "click", function(){ marker.openInfoWindowHtml(html);});
return marker;
}


<?
$req = "SELECT * FROM collecte";
$requete = mysql_query($req);

while ($detail=mysql_fetch_array($requete)){
$num_point = $detail['num_points_collecte'];
$coordonne_lat = $detail['coordonne_lat_collecte'];
$coordonne_long = $detail['coordonne_long_collecte'];
$nom = $detail['nom_collecte'];
$adresse = $detail['adresse_collecte'];
$cp = $detail['cp_collecte'];
$ville = $detail['ville_collecte'];
$tel = $detail['tel_collecte'];
$email = $detail['email_collecte'];
$site = $detail['site_collecte'];
$logo = $detail['logo_collecte'];
$icone = $detail['num_icon#'];
?>
var chaine1="<? echo $nom;echo ('<br>');echo $adresse;echo ('<br>');echo $cp;echo('\n');echo $ville;echo ('<br>');echo $tel; ?> ";

<? if( $email !=NULL)
{?>
var email="<A HREF='mailto:<? echo $email; ?>'>email</A>";
var bremail="<? echo ('<br>'); ?>"
<? }
else
{ ?>
var email="";
<? } ?>

<? if( $site !=NULL)
{?>
var site="<a href='<? echo $site; ?>' target='blank'>site web</a>";
var brsite="<? echo ('<br>'); ?>"
<? }
else
{ ?>
var site="";
<? } ?>

<? if( $logo !=NULL)
{?>
var logo="<img src='<? echo $logo; ?>'>";
var brlogo="<? echo ('<br>'); ?>"
<? }
else
{ ?>
var logo="";
<? } ?>

var chaine=chaine1+bremail+email+brsite+site+brlogo+logo;

var point = new GLatLng(<? echo $coordonne_lat ?>,<? echo $coordonne_long ?>);
var marker = createMarker(point,chaine,<? echo $icone ?>);
map.addOverlay(marker);
<?
}
?>
}
}
 

Discussions similaires

Haut