javascript - OpenLayers,很好的标记聚类

标签 javascript openlayers markerclusterer

您知道如何在 OpenLayers 中实现良好的集群吗,例如 google example

最佳答案

您可以在上面的示例中向 pointStyle 添加标签并解释该标签的上下文。 你的代码应该是这样的:

var pointStyle = new OpenLayers.Style({
    // ...
    'label': "${label}",
    // ...
  }, {
    context: {
      // ...
      label: function(feature) {
        // clustered features count or blank if feature is not a cluster
        return feature.cluster ? feature.cluster.length : "";  
      }
      // ..
    }
});

var styleMap = new OpenLayers.StyleMap({
  'default': pointStyle,
});

var googleLikeLayer = new OpenLayers.Layer.Vector("GoogleLikeLayer", {
  // ...
  styleMap  : styleMap,
  // ... 
});

关于javascript - OpenLayers,很好的标记聚类,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/6641919/

相关文章:

javascript - 经纬度和坐标格式的区别

google-maps-api-3 - 谷歌地图 api v3 : Text position on MarkerClusterer Icon

javascript - 如何在 React 中使用 leader-line(一个外部 javascript 库)?

javascript - 在 JavaScript 中创建一个表

javascript - 缩放到 openlayers 中的搜索功能

svg - 在 OpenLayers 中使用 SVG 图标作为标记

javascript - GoogleMaps MarkerClusterer 信息窗口位置

google-maps-markers - 根据集群内的标记类型更改标记集群的图标

javascript - Ajax 调用后 HTML 表格不会更新

javascript - 我的按钮没有改变功能