时间戳

首页 > 解决方案 > 数组中的传单圆圈名称未显示（未定义圆圈1）

javascript - 数组中的传单圆圈名称未显示（未定义圆圈1）

问题描述

我正在尝试从数组中读取一些圆圈的名称。

这是代码：

var latLong = [{
  "circleName": "circle1",
  "lat": 5.895763,
  "lng": -1.150556
}, {
  "circleName": "circle2",
  "lat": 5.899817,
  "lng": -1.150689
}];

var circles = [circle1, circle2, circle3];

latLong.forEach(function(coord) {
  var circles = L.circle(coord, {
    color: 'green',
    fillColor: '#fff',
    fillOpacity: 0.5,
    radius: 70
  }).addTo(mymap);
});

我收到错误消息... circle1 未定义。

我怎样才能解决这个问题？

标签： javascriptleaflet

解决方案

使用对象circles = {}和括号表示法circles[coord.circleName]

var latLong = [{
  "circleName": "circle1",
  "lat": 52.895763,
  "lng": -1.150556
}, {
  "circleName": "circle2",
  "lat": 52.899817,
  "lng": -1.150689
}];

var circles = {};

latLong.forEach(function(coord) {
  circles[coord.circleName] = L.circle(coord, {
    color: 'green',
    fillColor: '#fff',
    fillOpacity: 0.5,
    radius: 70
  }).addTo(mymap);
});

console.log(circles.circle1) // or circles['circle1']

推荐阅读