0

我正在尝试根据从数据库获得的 JSON 对象做一个点簇层。这是我绘制点簇层的 JavaScript:

function addClusters() {
$.ajax({
    url: "index.aspx/getBusCommuter",
    type: "POST",
    data: "",
    contentType: "application/json; charset=utf-8",
    dataType: "json",
    success: function (data) {
        var parsed = JSON.parse(data.d);
        $.each(parsed, function (i, jsondata) {
            var coordXicon = jsondata.BusStopX;
            var coordYicon = jsondata.BusStopY;
            var commuterAmt = jsondata.CommuterAmt;

            var latlng = new esri.geometry.Point({ "x": coordXicon, "y": coordYicon, "spatialReference": { "wkid": 4326 } });

            // cluster layer that uses OpenLayers style clustering
            clusterLayer = new ClusterLayer({
                "data": commuterAmt,
                "distance": 100,
                "id": "clusters",
                "labelColor": "#fff",
                "labelOffset": 10,
                "resolution": map.extent.getWidth() / map.width,
                "singleColor": "#888"
            });
            var defaultSym = new SimpleMarkerSymbol().setSize(4);
            var renderer = new ClassBreaksRenderer(defaultSym, "clusterCount");

            var picBaseUrl = "http://static.arcgis.com/images/Symbols/Shapes/";
            var blue = new PictureMarkerSymbol(picBaseUrl + "BluePin1LargeB.png", 32, 32).setOffset(0, 15);
            var green = new PictureMarkerSymbol(picBaseUrl + "GreenPin1LargeB.png", 64, 64).setOffset(0, 15);
            var red = new PictureMarkerSymbol(picBaseUrl + "RedPin1LargeB.png", 72, 72).setOffset(0, 15);
            renderer.addBreak(0, 2, blue);
            renderer.addBreak(2, 200, green);
            renderer.addBreak(200, 1001, red);

            clusterLayer.setRenderer(renderer);
            map.addLayer(clusterLayer);
        });
    },
    error: function (request, state, errors) {
    }
});
}

但是,当我尝试运行它时,它告诉我未定义 clusterLayer 的错误消息。我想知道我错过了哪一部分,我是否以正确的方式做。

另外,我想知道是否可以/正确地将我获得的 commuterAmt 设置为数据,以便地图上的每个点都附有正确的数量?

我从以下位置获得参考:ArcGIS Documentation

提前致谢。

4

1 回答 1

0

尝试从 extras 目录下载示例代码 ArcGIS Documentation Include ClusterLayer.js

 var dojoConfig = { 
        paths: {
          extras: location.pathname.replace(/\/[^/]+$/, "") + "/extras"
        }
      };

然后在您的代码中使用

define dojo.provide("extras.ClusterLayer");

并打电话

clusterLayer = new extras.ClusterLayer({
                "data": commuterAmt,
                "distance": 100,
                "id": "clusters",
                "labelColor": "#fff",
                "labelOffset": 10,
                "resolution": map.extent.getWidth() / map.width,
                "singleColor": "#888"
            });
于 2014-10-13T20:49:45.843 回答