谷歌地图上的饼图

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

谷歌地图上的饼图

回答

相关问题