所以我目前正试图从我的rails控制器请求一些geojson数据。我正在使用通过mapbox / leaflet提供给我的loadURL
方法来对我的控制器进行ajax调用。
$(document).on("ready", function() {
L.mapbox.accessToken = 'token is here';
var userMap = L.mapbox.map('user-map', 'mapbox.run-bike-hike')
.addControl(L.mapbox.geocoderControl('mapbox.places'))
.setView([37.7833, -122.4167], 12);
var featureLayer = L.mapbox.featureLayer().loadURL('http://localhost:3000/users/1/trails.geoJson').addTo(userMap)
console.log(featureLayer);
// getTrailPoints(userMap);
featureLayer.on('ready', function(){
userMap.fitBounds(featureLayer.getBounds());
});
});
上面的代码能够点击我的控制器,我的控制器能够检索到正确的数据。这是我在控制器中的内容:
def index
user = User.find_by(id: params[:user_id])
@trails = user.trails
@geojson = Array.new
build_geojson(@trails, @geojson)
p "*" * 50
p @geojson
respond_to do |format|
format.html
format.geojson { render geojson: @geojson }
end
end
build_geojson
方法运行正常,您必须相信这一点。但是,不起作用的是format.geojson
并将其渲染为geojson。我非常确定我需要创建一个Mime
,但我不确定该怎么做或者我应该用geojson做什么。任何帮助将不胜感激。我也会回答任何问题。
我目前只在json格式化它,因为geojson只是json。但是当我这样做时使用mapbox,我收到以下错误:
http://a.tiles.mapbox.com/v4/marker/pin-l-tree+00607d.png?access_token=pk.e…hIjoiNDQ5Y2JiODdiZDZmODM0OWI0NmRiNDI5OGQzZWE4ZWIifQ.rVJW4H9TC1cknmRYoZE78w Failed to load resource: the server responded with a status of 400 (Bad Request)
错误基本上导致图像未加载。
答案 0 :(得分:1)
当前支持的Mapbox图标中没有tree
图标。请改用park
,这也是树的图片。