@apneadiving:可以帮我一下吗
firebug
显示错误TypeError: Gmaps。Map未定义
Gmaps.map。Callback = function() {
我遵循了Andy Glass教程中的所有内容,并在这一点上卡住了在我的输出中,我可以看到谷歌地图和标记,并在单击标记时提供了一些详细信息。
application.js
Gmaps.map.callback = function() {
var PopulationFilter = {
min: 800000,
max: 10000000
};
$( "#filtered-pop" ).val( (PopulationFilter.min)+ " - " + (PopulationFilter.max))
$("#population-range").slider({
range: true,
min: PopulationFilter.min,
max: PopulationFilter.max,
values: [ PopulationFilter.min, PopulationFilter.max ],
slide: function(event, ui) {
$( "#filtered-pop" ).val( (ui.values[ 0 ])+ " - " + (ui.values[ 1 ]))
PopulationFilter.min = ui.values[ 0 ]
PopulationFilter.max = ui.values[ 1 ]
applyFilters()
}
});
var VisibleMarkers = function() {
var filtered = _.reject(Gmaps.map.markers, function(marker) {
return marker.prop_details < PopulationFilter.min || marker.prop_details > PopulationFilter.max;
});
return filtered
}
var applyFilters = function() {
_.each(Gmaps.map.markers, function(marker) {
Gmaps.map.hideMarker(marker)
})
_.each(VisibleMarkers(), function(marker) {
Gmaps.map.showMarker(marker)
})
};
}
答案在文档中。
重要的一行是:
在content_for的视图中包含以下代码: