Bonjour,
J'utilise jQuery et la librarie jquery ui map, j'arrive à afficher les marqueurs sur une carte provenant d'un fichier geojson, je voulais les regrouper sous forme de markerclusterer mais cela ne fonctionne pas.
Dans le head de ma page je charge normalement tout ce qu'il faut :
Code html : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5 <script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=false"></script> <script type="text/javascript" src="https://www.google.com/jsapi"></script> <script type="text/javascript" src="js/markerclusterer.min.js"></script> <script type="text/javascript" src="js/jquery.ui.map.full.min.js"></script> <script type="text/javascript" src="js/jquery_maps.js"></script>
Le fichier jquery_maps.js contient le code suivant :
Auriez-vous une idée du pourquoi les marqueurs ne sont pas regroupés ?
Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25 (function($){ $('#map_sentiers').gmap({ 'center': '45.752051,6.295604', 'zoom': 12 }).bind('init', function(ev, map) { $('#choose_sentiers').change(function() { var selected = $('#choose_sentiers').val(); $('#map_sentiers').gmap('loadKML', 'sentier', 'http://example.com/kml/sentiers/'+selected+'.kml'); $.getJSON( "js/rocher_blanc.geojson", function( data ) { $.each( data["features"], function( key, val ) { var longitude = val["geometry"]["coordinates"][0]; var latitude = val["geometry"]["coordinates"][1]; var nom = val["properties"]["NOM"]; var type = val["properties"]["TYPE"]; $('#map_sentiers').gmap('addMarker', { 'position': new google.maps.LatLng(latitude, longitude) }).click(function() { $('#map_sentiers').gmap('openInfoWindow', { 'content': nom }, this); }); }); }); }); $('#map_sentiers').gmap('set', 'MarkerClusterer', new MarkerClusterer(map, $(this).gmap('get', 'markers'))); }); })(jQuery);
Merci d'avance
Partager