Цветная полоса не отображается поверх моей карты (листовка с использованием d3) - PullRequest
Новая
       6

Цветная полоса не отображается поверх моей карты (листовка с использованием d3)

0 голосов
/ 23 ноября 2018

Я пытаюсь отобразить цветную полосу (это легенда для слоев моей карты).Я делаю это, комбинируя d3 и листовку.Вот моя текущая реализация. 

var map = L.map('map', {
        center: [19.2436590371, 96.8861699425],
        zoom: 9,
        minZoom: 4,
        maxZoom: 9,
        layers: [osm, lyr1] // These are some generated layers
});

// Add tile layers for my map ....

let svg = d3.select(map.getPanes().overlayPane).append('svg').attr('id', 'svg');
length = 100;
color = d3.scaleLinear().domain([1, length])
        .interpolate(d3.interpolateHcl)
        .range([d3.rgb("#007AFF"), d3.rgb('#FFF500')]);

for (var i = 0; i < length; i++) {
  svg.append('div').attr('style', function (d) {
     return 'background-color: ' + color(i);
  });
}

Проблема в том, что на верхних листовых картах ничего не отображается.У кого-нибудь есть решение для этого?Спасибо за помощь.

...