0

jquery ui マップを使用しています。geoJSON からマーカーを読み込んでおり、それらをクラスター化したいのですが、マーカーは表示されますが、クラスター化されません。

私のコードは次のとおりです。

$('#map_tracks').gmap({ 'center': '45.752051,6.295604', 'zoom': 12 }).bind('init', function(ev, map) {
    $('#choose_sentiers').change(関数() {
      var selected = $('#choose_sentiers').val();      

      $('#map_tracks').gmap('loadKML', 'sentier', 'http://example.org/media/kml/sentiers_vtt_randos/'+selected+'.kml');

      $.getJSON( "markers.geojson", function( データ ) {                
        $.each( data["features"], function( key, val ) {
          var longitude = val["ジオメトリ"]["座標"][0];
          var latitude = val["ジオメトリ"]["座標"][1];
          var nom = val["プロパティ"]["NOM"];
          var type = val["プロパティ"]["タイプ"];

          $('#map_tracks').gmap('addMarker', {
                  「位置」: 新しい google.maps.LatLng(緯度、経度)
              }).click(関数() {
                  $('#map_tracks').gmap('openInfoWindow', { 'content': nom }, this);
              });

        });

      });


    });
    $('#map_tracks').gmap('set', 'MarkerClusterer', new MarkerClusterer(map, $(this).gmap('get', 'markers')));
  });

console.log($(this).gmap('get', 'markers')); を実行すると 空です。なぜそのように振る舞うのかわかりません。

アイデアはありますか？

ありがとう

4

1 に答える 1