前提・実現したいこと
CSVファイルを読み込んで、OpenStreatmapにピン表示をさせたいのですが、
エラーコードが出てしまいうまくいきません。
どなたかご教授よろしくお願いいたします。
発生している問題・エラーメッセージ
(index):40 Uncaught TypeError: Cannot read property 'toObjects' of undefined
at displayData ((index):40)
at Object.success ((index):36)
at j (jquery.js:3099)
at Object.fireWith [as resolveWith] (jquery.js:3211)
at x (jquery.js:8264)
at XMLHttpRequest.<anonymous> (jquery.js:8605)
該当のソースコード
<script type="text/javascript"charset="utf-8"> //let's read the csv file. if this is finished we call the function to show it on the map. //ajaxを使い、csvを読み込む $(document).ready(function() { $.ajax({ type: "GET", url: "data/2.5_month.csv", dataType: "text", success: function(data){displayData(data)} }); }); function displayData(Text){ data = $.csv.toObjects(Text); var map = L.map('map', { center: [-28.636,137.781], zoom: 4 }); //使っているツールの表記 var OpenStreetMap_BlackAndWhite = L.tileLayer('http://{s}.www.toolserver.org/tiles/bw-mapnik/{z}/{x}/{y}.png', { attribution: '© <a href="http://openstreetmap.org">OpenStreetMap</a> contributors, <a href="http://creativecommons.org/licenses/by-sa/2.0/">CC-BY-SA</a>, example by <a href="http://www.digital-geography.com">digital-geography.com</a>' }).addTo(map); data_array= [0,0,0]; //create it before filling for (i = 0; i < data.length; i++) { //地図上に表示するデータの設定 data_array[i] = [parseFloat(data[i].latitude), parseFloat(data[i].longitude), parseFloat(data[i].mag)]; // if values are marked as string in the object else: // data_array[i] = [data[i].lat,data[i].lon,data[i].val]; var heat = L.marker([(data[i].latitude), (data[i].longitude)],{ //ポップアップの内容 }).bindPopup((data[i].mag)).addTo(map); }; }; </script>試したこと
以前こちらのサイトで調べていたのですが、実際にやってみたところエラーコード出てうまくいきませんでした。
エラーコードについても調べましたが、よく理解することが出来ませんでした。
どなたかご教授ください。
参考サイト
https://teratail.com/questions/143429
ここに問題に対して試したことを記載してください。
補足情報(FW/ツールのバージョンなど)
何か足りないことがあれば足しますので言ってください。
わかりにくくてすみません。
回答1件
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
2020/12/19 10:36