是否可以使用D3將svg元素添加到打開的圖層地圖？

Question

我有一個打開的圖層地圖，我試圖添加一個SVG圖例。 用d3.js可以做到這一點嗎？

Answer 1

您可以像此示例中一樣創建自定義控件。

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());