JavaScript中带循环的传单JS
我试图创建一个循环,将多个标记添加到传单地图中。一个标记可以工作,但当我尝试使用循环来完成此操作时,标记不起作用。我从谷歌电子表格中收到标记的数据JavaScript中带循环的传单JS,javascript,jquery,for-loop,leaflet,Javascript,Jquery,For Loop,Leaflet,我试图创建一个循环,将多个标记添加到传单地图中。一个标记可以工作,但当我尝试使用循环来完成此操作时,标记不起作用。我从谷歌电子表格中收到标记的数据 $(document).ready(function() { console.log("ready!"); // ID of the Google Spreadsheet var spreadsheetID = "spreadsheetID"; // Make sure it is public or set to
$(document).ready(function() {
console.log("ready!");
// ID of the Google Spreadsheet
var spreadsheetID = "spreadsheetID";
// Make sure it is public or set to Anyone with link can view
var url = "https://spreadsheets.google.com/feeds/list/" + spreadsheetID + "/1/public/values?alt=json";
$.getJSON(url, function(data) {
var entry = data.feed.entry;
var amount = entry.lenght;
var i;
for (i = 0; i <= amount; i++) {
var lat = data.feed.entry[i]['gsx$lat']['$t'];
var lon = data.feed.entry[i]['gsx$lon']['$t'];
var name = data.feed.entry[i]['gsx$name']['$t'];
var to = data.feed.entry[i]['gsx$to']['$t'];
var time = data.feed.entry[i]['gsx$time']['$t'];
var tel = data.feed.entry[i]['gsx$tel']['$t'];
var marker = L.marker([lon, lat]).addTo(mymap);
marker.bindPopup('<b>Name:</b> ' + name + '<br><b>To:</b> ' + to + '<br><b>Time:</b> ' + time + '<br><b> Tel:</b> ' + tel);
}
})
});
$(文档).ready(函数(){
console.log(“准备就绪!”);
//谷歌电子表格的ID
var spreadsheetID=“spreadsheetID”;
//确保它是公共的或设置为任何具有链接的人都可以查看
变量url=”https://spreadsheets.google.com/feeds/list/“+spreadsheetID+”/1/public/values?alt=json”;
$.getJSON(url、函数(数据){
var条目=data.feed.entry;
var金额=分录长度;
var i;
对于(i=0;i您的代码,拼写错误和LatLng问题已修复:
$(document).ready(function() {
console.log("ready!");
// ID of the Google Spreadsheet
var spreadsheetID = "spreadsheetID";
// Make sure it is public or set to Anyone with link can view
var url = "https://spreadsheets.google.com/feeds/list/" + spreadsheetID + "/1/public/values?alt=json";
$.getJSON(url, function(data) {
var entry = data.feed.entry;
var amount = entry.length;
var i;
for (i = 0; i < amount; i++) {
var lat = data.feed.entry[i]['gsx$lat']['$t'];
var lon = data.feed.entry[i]['gsx$lon']['$t'];
var name = data.feed.entry[i]['gsx$name']['$t'];
var to = data.feed.entry[i]['gsx$to']['$t'];
var time = data.feed.entry[i]['gsx$time']['$t'];
var tel = data.feed.entry[i]['gsx$tel']['$t'];
var marker = L.marker([lat, lon]).addTo(mymap);
marker.bindPopup('<b>Name:</b> ' + name + '<br><b>To:</b> ' + to + '<br><b>Time:</b> ' + time + '<br><b> Tel:</b> ' + tel);
}
})
});
$(文档).ready(函数(){
console.log(“准备就绪!”);
//谷歌电子表格的ID
var spreadsheetID=“spreadsheetID”;
//确保它是公共的或设置为任何具有链接的人都可以查看
变量url=”https://spreadsheets.google.com/feeds/list/“+spreadsheetID+”/1/public/values?alt=json”;
$.getJSON(url、函数(数据){
var条目=data.feed.entry;
var金额=分录长度;
var i;
对于(i=0;iTo:'+To+'
Time:'+Time+'
Tel:'+Tel);
}
})
});
这一行只是一个输入错误:var amount=entry.lenght;
lenght
应该是length
(还要注意,在循环中,它应该是
,而不是也:var marker=L.marker([lon,lat]).addTo(mymap);
应该是var marker=L.marker([lat,lon]).addTo(mymap);
-当您使用简单数组作为LatLng
时,首先是Lat
。