【问题标题】:Is there a cleaner way to code multiple markers on a leaflet map in Javascript?有没有一种更简洁的方法可以在 Javascript 中对传单地图上的多个标记进行编码?
【发布时间】:2021-11-03 03:28:57
【问题描述】:

目前,我的传单地图上有 6 个单独编码的 javascript 标记。我想知道是否有一种更简洁的方法来编写所有这些代码并更改坐标? (以下是我在 Javascript 代码中使用的 2 个标记的示例)

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

}).addTo(map).bindPopup('House');

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

}).addTo(map).bindPopup('House');

【问题讨论】:

    标签: javascript dictionary leaflet markers


    【解决方案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);
    

    【讨论】:

    • 非常感谢!您是否也知道如何隐藏/显示这些标记
    猜你喜欢
    • 2020-08-10
    • 2016-03-30
    • 1970-01-01
    • 2023-03-08
    • 1970-01-01
    • 1970-01-01
    • 2020-03-02
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多