在 Javascript 的传单地图上是否有更简洁的方法来编码多个标记？

Question

我目前在 javascript 的传单地图上有 6 个单独编码的标记。我想知道是否有一种更简洁的方法来对所有这些进行编码并仅更改坐标？（下面是我的 Javascript 代码中的 2 个标记的示例）

var circle = L.circle([20, 20], {
color: 'red',
fillColor: '#f03',
fillOpacity: 0.5,
radius: 100

}).addTo(地图).bindPopup('House');

var circle = L.circle([30, 30], {
color: 'red',
fillColor: '#f03',
fillOpacity: 0.5,
radius: 100

}).addTo(地图).bindPopup('House');

Answer 1

当然，你可以制作简单的功能并使用它。

function addHouse(x, y, map) {
  return L.circle([x, y], {
           color: 'red',
           fillColor: '#f03',
           fillOpacity: 0.5,
           radius: 100
         }).addTo(map).bindPopup('House');
}

const circle1 = addHouse(20, 20, map);
const circle2 = addHouse(30, 30, map);

在 Javascript 的传单地图上是否有更简洁的方法来编码多个标记？

Is there a cleaner way to code multiple markers on a leaflet map in Javascript?

javascript

dictionary

leaflet

markers