 Api google maps, marker cluster et infowindows |
 |
Bienvenue invité ( Connexion | Inscription )
 18 Sep 2011, 18:17
Message
#1
|
|
 Macbidouilleur d'Or !  Groupe : Membres Messages : 6 156 Inscrit : 31 Oct 2003 Membre no 11 118  |
Bonjour,
Soit une carte google maps avec des données issues d'une base de données, regroupées avec markerclusterer. http://www.botanic06.com/testmaps.php Ca marche, mais j'aimerais pour afficher des infos sur les "punaises". Les coordonnées et le nom à afficher des points sont dans un fichier .json. Quelqu'un a un code pour cela, j'ai beau fouillé le web, je ne trouve pas de solutions adaptables à mon script que voici : Code <!DOCTYPE>
<html> <head> <meta http-equiv="content-type" content="text/html; charset=utf-8" /> <title>Test</title> <style type="text/css"> html{height: 100%} body{height: 100%; margin: 0px; padding: 0px} #map{height: 100%} </style> <script src="http://maps.google.com/maps/api/js?sensor=false"></script> <script type="text/javascript" src="datas/data.json"></script> <script type="text/javascript"> var script = '<script type="text/javascript" src="scripts/markerclusterer'; if (document.location.search.indexOf('compiled') !== -1) { script += '_compiled'; } script += '.js"><' + '/script>'; document.write(script); </script> <script type="text/javascript"> function initialize() { var center = new google.maps.LatLng(43.84, 6.8); var map = new google.maps.Map(document.getElementById('map'), { zoom: 10, center: center, mapTypeId: google.maps.MapTypeId.TERRAIN }); var markers = []; for (var i = 0; i < data.compte; i++) { var dataPhoto = data.photos[i]; var latLng = new google.maps.LatLng(dataPhoto.latitude, dataPhoto.longitude); var marker = new google.maps.Marker({ position: latLng }); markers.push(marker); } var markerCluster = new MarkerClusterer(map, markers); } google.maps.event.addDomListener(window, 'load', initialize); </script> </head> <body> <div id="map-container"><div id="map"></div></div> </body> </html> -------------------- |
 |
 
|
Les messages de ce sujet
hellomorld J'ai trouvé une solution :
Code <script ... 19 Sep 2011, 06:02 def16 Salut tu peut me montrer a quoi ressemble ton fich... 14 Sep 2017, 10:23
Jaypee Dans l'exemple il n'y a pas de JSON ni d... 15 Sep 2017, 06:24  |
1 utilisateur(s) sur ce sujet (1 invité(s) et 0 utilisateur(s) anonyme(s))
0 membre(s) :
| Nous sommes le : 9th June 2024 - 17:28 |