是否可以使用D3将svg元素添加到打开的图层地图？

Question

我有一个打开的图层地图，我正在尝试添加SVG图例。用d3.js可以做到这一点吗？

Answer 1

您可以在此example中创建自定义控件。

app.Legend = function(opt_options) {

  var options = opt_options || {};

  // create an element with your SVG legend
  var legend = document.createElement(...);
  // ...

  var element = document.createElement('div');
  element.className = 'ol-control';
  element.appendChild(legend);

  ol.control.Control.call(this, {
    element: element,
    target: options.target
  });

};
ol.inherits(app.Legend, ol.control.Control);

map.addControl(new app.Legend());