在OpenLayers中创建复杂的特征/矢量

Question

我能找到的最接近我的问题的帖子是OpenLayers中的Composite复合功能 。 las，没有人回答。 我精通JavaScript，但对OpenLayers及其复杂的API还是比较陌生。 在此之前，我已经创建了复杂的控件。 但是，这次我要创建一个复杂的特征/矢量。 其基本思想是该功能部件具有一个显示图标（例如，类似图钉）作为主要组件。 该组件是交互式的，可响应用户操作（选择，拖动等）。 选择后，我希望渲染逻辑上与此组件相关的其他向量（圆形，矩形等）。 这些向量也侦听用户交互。

以前，在使用Controller的情况下，我能够使用其他控制器的源来了解开发方向并成功进行。 恕我直言，“功能/向量”有点难。

我首先使用OpenLayers.Feature.Vector.CustomClass = OpenLayers.Class( OpenLayers.Feature.Vector, {...});扩展OpenLayers.Feature.Vector OpenLayers.Feature.Vector.CustomClass = OpenLayers.Class( OpenLayers.Feature.Vector, {...}); 码。 构造函数将特定参数用于我的特征，创建几个几何对象（点，多边形，线），将其添加到OpenLayers.Geometry.Collection，然后调用OpenLayers.Feature.Vector构造函数并将其传递给集合。

不幸的是，我意识到为了显示图标，我不仅可以使用Geometry.Point，还需要为其创建一个Vector。 这种情况使我失望，因为我将在自定义Vector对象中创建Vector。 一般而言，这没什么不寻常的，但是我想知道这是否是OpenLayers中完成工作的方式。 就像我已经提到的那样，我发现API文档不是非常有用，因为它只声明了常规函数头/简短描述。

如果有人能指出我正确的方向，我将不胜感激（除了基本的“使用自定义图像创建标记”类型之外，还没有在线找到许多教程）。 如果描述不清楚，请告诉我，我将尝试提供其他信息。

Answer 1

过去，我不得不解决类似的问题。 使用OpenLayers（或与此相关的任何映射工具）的最佳方法通常是将图层分为要素类，每个要素类代表点，线或面的集合。 一旦创建了所有层，就可以创建一个select控件，以侦听每个层上的事件并做出适当的响应。

如果需要将这些功能的子集在逻辑上关联在一起，则可以在外部或在父功能的attributes对象中存储对这些功能的引用。

Answer 2

我的解决方案是提供FeatureCollection geojson作为复杂/复合类型数据。 就我而言，FeatureCollection由许多Point特征和一个LineString特征组成。 Openlayers可以使用以下geojson：

var features = (new ol.format.GeoJSON()).readFeatures(geojson)

...并提供功能集合。 然后，您可以遍历这些功能，并为每个功能提供一些统一的属性/对象。 然后，当您定义事件处理程序（悬停或选择/单击）时，访问统一属性以获取任何其他相关功能。