Annonce
L'appel à participation est ouvert jusqu'au 19 janvier 2025!
#1 Fri 03 February 2012 13:59
- groskanel
- Juste Inscrit !
- Date d'inscription: 3 Feb 2012
- Messages: 1
google map, base de donnée et curseur de couleur perso
bonjour
suite au tuto trouvé sur geotribu, j'arrive a afficher les markers sur une carte google map, cependant j'aimerais pouvoir modifier les couleurs de ses marqueurs comme bon me semble.
Code:
<!DOCTYPE html "-//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">
<head>
<title>
carte
</title>
<link rel="icon" type="image/png" href="./favicon.png"/>
<script src="http://maps.google.com/maps?file=api&v=2&key=ABQIAAAAMP1IsUK8QW3Q32hmIxiJvhRWgbJAt68S2a9pQzyxVWGste8YCxTrn8NVxOeo6cqDuvi3dpydL4q__A" type="text/javascript"></script>
<script src="js/mapiconmaker.js" type="text/javascript"></script>
<script type="text/javascript">
function createMarker(point,nom,url) {
var marker = new GMarker(point);
var html = "<b>"+nom+"</b>";
GEvent.addListener(marker, 'click', function() {
marker.openInfoWindowHtml(html);
});
return marker;
}
function initialize() {
if (GBrowserIsCompatible()) {
var map = new GMap2(document.getElementById('map'));
map.setCenter(new GLatLng(47.3850790,-1.0299580),8);
map.addControl(new GMapTypeControl());
map.removeMapType(G_HYBRID_MAP);
map.addMapType(G_PHYSICAL_MAP);
map.setMapType(G_PHYSICAL_MAP);
map.addControl(new GOverviewMapControl());
map.addControl(new GScaleControl());
map.addControl(new GLargeMapControl());
map.enableScrollWheelZoom();
var urlstr = "ajax.php";
GDownloadUrl(urlstr, function(data) {
var xml = GXml.parse(data);
var markers = xml.documentElement.getElementsByTagName("marker");
for (var i = 0; i < markers.length; i++) {
var nom = markers[i].getAttribute("nom");
var text = markers[i].getAttribute("lat");
var point = new GLatLng(parseFloat(markers[i].getAttribute("lat")),parseFloat(markers[i].getAttribute("long")));
var marker = createMarker(point,nom);
map.addOverlay(marker);
}
});
}
else{
alert('Désolé, mais votre navigateur n\'est pas compatible avec Google Maps');
}
}
</script>
</head>
<body onload="initialize()" onunload="GUnload()">
<div id="map" style='width:670px;height:600px; border:6px solid grey'></div>
</body>
</html>j'ai essayé un peu dans tous les sens, mais rien ne fonctionne.
Si quelqu'un a une idée, je suis preneur
Merci.
Hors ligne
