谷歌地圖上的餅圖

Screenshot attached 我想在谷歌地圖上繪製餅圖。我的代碼在Chrome上工作正常，但在IE 11中，當餅圖數量大於50時，它需要花費很長時間。谷歌地圖上的餅圖

在鉻的工作正常，我已經測試了超過100個餅圖。

如果您需要任何其他信息，請讓我知道。

function drawPieCharts() { 

var latLng = new google.maps.LatLng(37.0902, 95.7129); 
var map = new google.maps.Map($('#mapUsers')[0], { 
    zoom: 2, 
    center: latLng, 
    mapTypeId: google.maps.MapTypeId.ROADMAP 
}); 
google.maps.event.addListenerOnce(map, 'idle', function() { 

}); 
var data; 
var options; 
var marker; 
$.ajax({ 
    type: "POST", 
    url: "Dashboard.aspx/GetCyberRiskViewMap", 
    contentType: "application/json; charset=utf-8", 
    dataType: "json", 
    success: function (data) { 
     var ChartSourceobj = JSON.parse(data.d); 
     for (var i = 1; i < ChartSourceobj.length ; i++) { 
      latLng = new google.maps.LatLng(ChartSourceobj[i].latitude, ChartSourceobj[i].longitude); 
      data = google.visualization.arrayToDataTable([ 
       ['Events', 'User Events'], 
       ['Malicious', ChartSourceobj[i].malicious_count], 
       ['Suspicious', ChartSourceobj[i].suspicious_count], 
       ['New', ChartSourceobj[i].new_count] 

      ]); 

      options = { 
       fontSize: 10, 
       backgroundColor: 'transparent', 
       datalessRegionColor: '#abafb8', 
       legend: 'none', 
       pieSliceText: 'none', 
       slices: { 0: { color: '#FE2E2E' }, 1: { color: '#FF8000' }, 2: { color: '#FACC2E' } } 

      }; 

      marker = new ChartMarker({ 
       map: map, 
       position: latLng, 
       width: '80px', 
       height: '80px', 
       chartData: data, 
       chartOptions: options, 
       events: { 
        click: function (event) { 

        } 
       } 
      }); 

     } 

    }, 
    error: function (data) { 

    } 
});

};

來源

2016-07-26 Subhasis Samanta

尋求調試幫助的問題（「爲什麼不用這個代碼工作？」）必須包含所需的行爲，特定的問題或錯誤以及在問題本身中重現問題所需的最短代碼。沒有明確問題陳述的問題對其他讀者無益。請參閱：[如何創建最小，完整和可驗證示例]（http://stackoverflow.com/help/mcve）。 – geocodezip

如果您需要更多信息，請讓我知道 –

您的代碼沒有任何內在錯誤。只是每個瀏覽器都以自己的方式處理DOM。如果它使用Canvas，SVG或其他類型，那麼它在ChartMaker的內部工作方式上有很大的依賴。每個DOM元素都會影響瀏覽器的性能。 – amenadiel

最近我不得不在地圖上的許多位置實施餅圖作爲標記。在地圖應用程序上有很多位置也需要標記聚類......在我的特殊情況下，由於覆蓋圖顯示餅圖不合適，這就是爲什麼我構建了簡單的庫。也許說它是庫太多了，因爲它現在只是一個生成餅圖svg節點的函數。 Github存儲庫中的示例如何使用函數與谷歌地圖下面。
Repository

來源

2018-01-03 22:44:15 lord5et

谷歌地圖上的餅圖

回答

相關問題