0

私はプログラミングが初めてで、リーフレット マップに許可情報を表示しようとしています。許可データは Socrata のビューからのものです。http://fire.seattle.io/コードに従ってこれを行う方法を理解し、自分でマップを再作成することができましたが、目的のビューを使用しようとすると、「Uncaught Error: Invalid LatLng object」というエラーが表示され続けます: (ヌル、ヌル)".

ビューには、座標情報のないレコードがいくつかあります。有効なレコードのみを受信できるようにビューをフィルター処理したいのですが、今のところ方法がわかりません。API エンドポイントで where 句を使用して (リソースで url を使用して) フィルターを実行できますが、未定義の警告が表示され、jquery を指す "Uncaught TypeError: 未定義のプロパティ '長さ' を読み取ることができません" というエラーが表示されます。

私がフォローしているアプリケーションのコードは、別の URL を使用してデータにアクセスしますが (api/views で URL を使用)、フィルターや選択を行うことができませんでした (null 座標でレコードを取得し続けます)。

リーフレット マップにデータを表示できるように、null 値を持つレコードを削除するにはどうすればよいですか? どんな助けでも大歓迎です...

コードは...

<!DOCTYPE html>
<html>
<head>
<meta charset=utf-8 />
<title>Just a test</title>
<meta name='viewport' content='initial-scale=1,maximum-scale=1,user-scalable=no' />
<script src='https://api.tiles.mapbox.com/mapbox.js/v2.1.6/mapbox.js'></script>
<script src='http://fire.seattle.io/js/leaflet/leaflet.js'></script>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script>

<link href='https://api.tiles.mapbox.com/mapbox.js/v2.1.6/mapbox.css' rel='stylesheet' />

<style>
  body { margin:0; padding:0; }
  #map { position:absolute; top:0; bottom:0; width:100%; }
</style>
</head>
<body>

<div id='map'></div>
<script>
$.getJSON('https://data.pr.gov/api/views/93ae-6ffm/rows.json?jsonp=?&max_rows=2', function(results) {
  console.log(results.data);

var map = L.map('map').setView([18.25,-66.45], 9);

   // add an OpenStreetMap tile layer
L.tileLayer('http://{s}.tile.osm.org/{z}/{x}/{y}.png', {
    attribution: '&copy; <a href="http://osm.org/copyright">OpenStreetMap</a> contributors'
}).addTo(map);

   $.each(results.data, function(index, value) {
     L.marker([value[28], value[29]]).addTo(map)
     .bindPopup('<h6>' + value[6] + '</h6>' + value[7] + '<br>');
   });

 });

</script>


</body>
</html>

ありがとう

4

1 に答える 1

0

有効な緯度経度の場所が関連付けられていない結果が表示されているようです。これらのレコードでは、緯度と経度のフィールドは になりますnull。あなたの$.eachループでは、それらをチェックしてスキップすることができます。

代わりにChris Whong の新しいsoda-leaflet例を使用することもお勧めします。最新の SODA 2.0 API を利用し、データのフィルタリングとスタイリングのための機能もいくつか含まれています。

于 2015-03-26T00:35:02.133 に答える