Javascript 在CloudMake地图上高效绘制大量标记

因此，我正在开发一个利用CloudMake JavaScript映射的网站。我必须加载地图，然后绘制大约14000个标记。该网站的目的是将美国各地的标记（每个标记都用不同的颜色绘制）可视化。因为我正在这样做，所以我不能使用现有的集群工具

最初，我使用PHP从数据库中提取数据点，并使用

map.addOverlay（MyMarker）

函数在地图上逐个绘制它们。这花了很长时间，所以我改变了我的方法。现在，我将所有数据保存在一个JSON文件中，并使用以下JavaScript代码绘制点：

    $(document).ready(function(){
            var url="m/results.json";
            $.getJSON(url,function(json){
                $.each(json.posts,function(i,post){
                    var myMarkerLatLng = new CM.LatLng(post.Latitude,post.Longitude);
                    var myMarker = new CM.Marker(myMarkerLatLng, {
                        title: post.City + ", " + post.State,
                    });

                    map.addOverlay(myMarker);
                });
            });
        });

虽然这是更好的，我希望它更快。目前它大约在8秒钟内加载，但我需要它是实时的。为了让网站更快，我遵循了谷歌的网站性能指南。但在遵循这些约定的过程中，我在文件末尾运行了上述代码。这允许加载整个网页（包括地图），但它会暂停几秒钟，然后一次绘制所有标记

有什么关于加快速度的提示或建议吗

附言-我首先加载整个美国的地图。这意味着我必须在初始加载=/上绘制所有的曲线。不幸的是，这是没有办法的