63 lines
2.2 KiB
JavaScript
63 lines
2.2 KiB
JavaScript
$(function() {
|
|
map = new OpenLayers.Map('map', {});
|
|
var baseLayer = new OpenLayers.Layer.OSM( "Openstreetmap Base Layer");
|
|
// map.addLayer(baseLayer);
|
|
var geojson_format = new OpenLayers.Format.GeoJSON();
|
|
var jsonLayer = new OpenLayers.Layer.Vector();
|
|
map.addLayers([baseLayer, jsonLayer]);
|
|
var center = new OpenLayers.LonLat(-95, 37.5).transform(
|
|
new OpenLayers.Projection("EPSG:4326"),
|
|
map.getProjectionObject()
|
|
);
|
|
map.setCenter(center, 4);
|
|
|
|
|
|
$('#searchForm').submit(function(e) {
|
|
e.preventDefault();
|
|
var bbox = map.getExtent().toBBOX();
|
|
var search_term = $('#search').val();
|
|
$.getJSON("search_json", {
|
|
'bbox': bbox,
|
|
'search': search_term
|
|
}, function(features) {
|
|
$('#mapList tbody').empty();
|
|
// var headerRow = getHeaderRow();
|
|
// console.log(response);
|
|
var currFeatures = jsonLayer.features;
|
|
jsonLayer.removeFeatures(currFeatures);
|
|
jsonLayer.addFeatures(geojson_format.read(features));
|
|
for (var i=0; i<features.features.length;i++) {
|
|
var f = features.features[i];
|
|
var props = f.properties;
|
|
var listItem = getRow(props);
|
|
$('#mapList tbody').append(listItem);
|
|
}
|
|
});
|
|
});
|
|
});
|
|
|
|
function getRow(props) {
|
|
var $tr = $('<tr />');
|
|
var $one = $('<td />').appendTo($tr);
|
|
var $a = $('<a />').attr("target", "_blank").attr("href", "/admin/places/feature/" + props.id).text(props.preferred_name).appendTo($one);
|
|
$('<td />').text(props.feature_type).appendTo($tr);
|
|
$('<td />').text(props.admin1).appendTo($tr);
|
|
$('<td />').text(props.admin2).appendTo($tr);
|
|
return $tr;
|
|
}
|
|
|
|
|
|
/*
|
|
function getLi(props) {
|
|
var $li = $('<li />').addClass("mapListItem").attr("data-id", props.id);
|
|
var $a = $('<a />').attr("target", "_blank").attr("href", "/admin/places/feature/" + props.id).text(props.preferred_name).appendTo($li);
|
|
return $li;
|
|
}
|
|
|
|
|
|
function getHeaderRow() {
|
|
var heads = ['Preferred Name', 'Feature Type', 'State', 'County']
|
|
var $thead = $('<thead />');
|
|
}
|
|
*/
|