Маркер кластер в DevExtreme Mobile

Question

Я разрабатываю приложение в DevExtreme Mobile. В приложении я использую DXMap в этом приложении. Как я могу использовать структуру кластера маркеров в DevExtreme Mobile App?

Answer 1

API-интерфейс маркера кластеров Google Maps позволяет создавать и управлять кластерами уровня масштабирования для большого количества маркеров DevExtreme dxMap. Вот пример:

dxMap Marker Clusterer

Этот пример основан на подходе, описанном в Google Too Many Markers! статье

Вот пример кода:

$("#dxMap").dxMap({ 
    zoom: 3, 
    width: "100%", 
    height: 800, 
    onReady: function (s) { 
     var map = s.originalMap; 

     var markers = []; 
     for (var i = 0; i < 100; 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); 
    } 
});