我是离子的新手,并试图在离子应用中使用草皮。首先,我通过npm使用
安装它npm install turf
在节点模块中添加草皮文件夹。我复制了这个在lib文件夹。然后我在索引页添加了turf.min.js的链接。
给出这个错误
turf.featurecollection is not a function
使用的代码-
var features = [
turf.point([-97.502754, 35.463455], {
"marker-color": "#6BC65F",
"title": "Too Far",
"marker-size": "small"
}),
turf.point([-97.508269, 35.463245], {
"marker-color": "#6BC65F",
"title": "Too Far",
"marker-size": "small"
}),
turf.point([-97.516809, 35.465779], {
"marker-color": "#6BC65F",
"title": "Too Far",
"marker-size": "small"
}),
turf.point([-97.515372, 35.467072], {
"marker-color": "#6BC65F",
"title": "Too Far",
"marker-size": "small"
}),
turf.point([-97.509363, 35.463053], {
"marker-color": "#6BC65F",
"title": "Too Far",
"marker-size": "small"
}),
turf.point([-97.511123, 35.466601], {
"marker-color": "#6BC65F",
"title": "Too Far",
"marker-size": "small"
}),
turf.point([-97.518547, 35.469327], {
"marker-color": "#6BC65F",
"title": "Too Far",
"marker-size": "small"
}),
turf.point([-97.519706, 35.469659], {
"marker-color": "#6BC65F",
"title": "Too Far",
"marker-size": "small"
}),
turf.point([-97.517839, 35.466998], {
"marker-color": "#6BC65F",
"title": "Too Far",
"marker-size": "small"
}),
turf.point([-97.508678, 35.464942], {
"marker-color": "#6BC65F",
"title": "Too Far",
"marker-size": "small"
}),
turf.point([-97.514914, 35.463453], {
"marker-color": "#6BC65F",
"title": "Too Far",
"marker-size": "small"
})
];
var fc = turf.featurecollection(features);
var nearest = turf.nearest(point, fc);
nearest.properties["marker-color"] = "#25561F";
nearest.properties["title"] = "Nearest Point";
nearest.properties["marker-size"] = "large";
nearest.properties["marker-symbol"] = "star-stroked";
var nearest_fc = turf.featurecollection([point, nearest]);
var map = L.mapbox.map('map', 'charuoshan.0n1b363n')
.setView([35.463453, -97.508014], 14);
L.mapbox.featureLayer().setGeoJSON(fc).addTo(map);
L.mapbox.featureLayer().setGeoJSON(nearest_fc).addTo(map);
看起来像是一个简单的打字错误。应该是featureCollection