将传单图例放在地图div之外

Question

我刚刚完成了地图的传奇工作，但现在我想将传单放在传单地图之外。

我的index.html中有两个div：一个ID为“map”，另一个ID为“legend”。

var legend = new L.control({position: 'topright'});

legend.onAdd = function (map) {
    var div = L.DomUtil.create('div', 'info legend');
    categories = ['MacDonalds', 'Subway', 'KFC', 'BurgerKing', 'Dominos', 'NYPizza', 'Kwalitaria', 'overig'];

    for (var i = 0; i < categories.length; i++) {
        div.innerHTML += '<i style="background:' + getColor(categories[i]) + '"></i> ' + (categories[i] ? categories[i] + '<br>' : '+');
    }

    return div;
};

$.when($.ajax(initialize())).then(function () {

    legend.addTo(map);

});

是否可以将图例的位置从“map”div更改为另一个div，如果是，如何更改？