Javascript 更改传单easybutton.js中的样式

Javascript 更改传单easybutton.js中的样式,javascript,leaflet,Javascript,Leaflet,我使用的是传单插件easybutton.js,我添加了两个按钮,但我想在不同的点上更改它们的背景色,但我似乎无法完全做到这一点。我可以在添加它们时更改背景色,但效果仅在单击时生效,我还希望能够在不同点更改背景色 按钮是这样添加的 L.easyButton('<img src="img/myimage.jpg">', function(btn, map){ btn.button.style.backgroundColor = 'yellow'; var destination

我使用的是传单插件easybutton.js,我添加了两个按钮,但我想在不同的点上更改它们的背景色,但我似乎无法完全做到这一点。我可以在添加它们时更改背景色,但效果仅在单击时生效,我还希望能够在不同点更改背景色

按钮是这样添加的

L.easyButton('<img src="img/myimage.jpg">', function(btn, map){
 btn.button.style.backgroundColor = 'yellow';
    var destination = [newlat, newlng];
    map.setView(destination);
}).addTo(map);

L.easyButton('<img src="img/myimage2.jpg">', function(btn, map){
    btn.button.style.backgroundColor = 'red';
    var destination = [52.450439,-1.729660];
    map.setView(destination);
}).addTo(map);

如您所见,这会更改背景颜色,但只有在单击时才会更改,如果我以后要更改其中任何一个,我该如何操作?我必须给他们一个id或什么吗?

将按钮对象保存在全局变量中,以便以后可以使用它们

var btn1;
var btn2;    
L.easyButton('<img src="img/myimage.jpg">', function(btn, map){
 btn1 = btn;
 btn.button.style.backgroundColor = 'yellow';
    var destination = [newlat, newlng];
    map.setView(destination);
}).addTo(map);

L.easyButton('<img src="img/myimage2.jpg">', function(btn, map){
    btn2 = btn;
    btn.button.style.backgroundColor = 'red';
    var destination = [52.450439,-1.729660];
    map.setView(destination);
}).addTo(map);

看起来您可以将btn值保存在全局中,然后在其他位置重新运行btn.button.style.backgroundColor分配。你试过这个吗?不知道你的意思吗?我已经添加了一个带有建议代码的答案。
btn1.button.style.backgroundColor = 'blue';
btn2.button.style.backgroundColor = 'green';