2

我正在尝试将我的 L.polygon 数据移动到另一个文件。我正在使用 jQuery 从单独的文件中获取数据。看起来它应该返回与我在 index.html 文件中作为 L.polygon 使用时使用的完全相同的数据，但它返回的是这个错误：

Invalid LatLng object: ( , undefined)

我搜索了该错误，但似乎所有报告该错误的人都使用了与我不同的数据类型。

这是完整的示例：

索引.html：

<!DOCTYPE html>
<meta charset="utf-8">
<html>
<head>
  <link rel="stylesheet" href="http://cdn.leafletjs.com/leaflet-0.6.4/leaflet.css" />
  <script src="http://cdn.leafletjs.com/leaflet-0.6.4/leaflet.js"></script>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js">
</script>
  <style type="text/css">
  #map {
    height: 500px;
  }
  </style>
</head>
<body>

<div id="map"></div>
<script type="text/javascript">
  var map = L.map('map').setView([33.720818, -84.240], 11);

  $.get("data/temp.csv", function(data) {
    console.log(data);
    var temp = new L.polygon(data).setStyle(defaultStyle).addTo(map);
  });
</script>

</body>
</html>

数据/temp.csv：

[
[33.829205,-84.377261],
[33.829121,-84.377257],
[33.829039,-84.377271],
[33.828937,-84.377204],
[33.828871,-84.377122]
]

编辑：为了澄清，将以下内容添加到 index.html 文件中工作得很好，但是从另一个文件（上面）引入它是行不通的。

var temp = L.polygon([
  [33.829205,-84.377261],
  [33.829121,-84.377257],
  [33.829039,-84.377271],
  [33.828937,-84.377204],
  [33.828871,-84.377122]
  ]).setStyle(defaultStyle).addTo(map);
4

2 回答 2

4

L.polygon()需要一个对象数组LatLng。

您需要遍历数组，LatLng从每个元素中创建一个，或者将此列表包装在 GeoJSON 对象中并使用 GeoJSON 类为您执行此操作。

就像是：

L.geoJson({"type": "Polygon", "coordinates": data}).setStyle(defaultStyle).addTo(map);

从评论编辑：事实证明，L.polygon()实际上确实将数组数组LatLng自动转换为数组。问题是，您需要明确并传入“json”作为最后一个参数，$.get()以确保它实际上将字符串解析为 JSON，而不是返回原始字符串。

于 2013-11-04T16:42:36.460 回答
0

你可以使用JSON.parse(data).for 我，它有效。

于 2014-04-16T08:34:26.663 回答