我想为Flask-Admin创建一个视图,以在几何字段中输入坐标。如何创建两个文本字段并将它们转换为几何对象?
这是我到目前为止所尝试的(除了不可数的其他事情)
class CustomAdminConverter(AdminModelConverter):
@converts('geoalchemy2.types.Geometry')
def convert_geometry(self, field_args, **extra):
return WayToCoordinatesField(**field_args)
class WayToCoordinatesField(wtf.TextAreaField):
def process_data(self, value):
print "run" #is never called??
if value is None:
value = {}
else:
value = "test"
return value
class POIView(ModelView):
inline_model_form_converter = MyInlineModelConverter
model_form_converter=CustomAdminConverter
can_create = True
def __init__(self, session, **kwargs):
# You can pass name and other parameters if you want to
super(POIView, self).__init__(POI, session, **kwargs)
def scaffold_form(self):
form_class = super(POIView, self).scaffold_form()
form_class.way = wtf.TextAreaField("Coordinates")
return form_class
POI对象如下所示:
class POI(db.Model):
__tablename__ = 'zo_poi'
id = db.Column(db.Integer, primary_key=True)
name = db.Column(db.Text())
tags = db.Column(HSTORE())
src = db.Column(db.Text())
way = db.Column(Geometry('POINT'))
intern = db.Column(db.BOOLEAN())
非常感谢你的帮助!
答案 0 :(得分:3)
使用交互式地图获得解决方案。 这就是我所做的:
管理员/ fields.py:
import json
from wtforms import Field
import geojson
from shapely.geometry import asShape
from geoalchemy2.shape import to_shape, from_shape
from wtforms.widgets import html_params, HTMLString
from geoalchemy2.elements import WKTElement, WKBElement
from flask import render_template
class WTFormsMapInput(object):
def __call__(self, field, **kwargs):
options = dict(name=field.name, value=field.data, height=field.height, width=field.width,
geometry_type=field.geometry_type)
return HTMLString(render_template("admin/admin_map.html", height=options['height'], width=options['width'],
geolayer=self.geolayer(field.data), preview=False))
def geolayer(self, value):
if value is not None:
html = ""
subme = """var geojson = JSON.parse('%s');
editableLayers.addData(geojson);
update()
map.fitBounds(editableLayers.getBounds());"""
# If validation in Flask-Admin fails on somethign other than
# the spatial column, it is never converted to geojson. Didn't
# spend the time to figure out why, so I just convert here.
if isinstance(value, (WKTElement, WKBElement)):
html += subme % geojson.dumps(to_shape(value))
else:
html += subme % geojson.dumps(value)
return html
class WTFormsMapField(Field):
widget = WTFormsMapInput()
def __init__(self, label='', validators=None, geometry_type=None, width=500, height=500,
**kwargs):
super(WTFormsMapField, self).__init__(label, validators, **kwargs)
self.width = width
self.height = height
self.geometry_type = geometry_type
def _value(self):
""" Called by widget to get GeoJSON representation of object """
if self.data:
return self.data
else:
return json.loads(json.dumps(dict()))
def process_formdata(self, valuelist):
""" Convert GeoJSON to DB object """
if valuelist:
geo_ob = geojson.loads(valuelist[0])
self.data = from_shape(asShape(geo_ob.geometry))
else:
self.data = None
def process_data(self, value):
""" Convert DB object to GeoJSON """
if value is not None:
self.data = geojson.loads(geojson.dumps(to_shape(value)))
print self.data
else:
self.data = None
模板/管理/ admin_map.html
<link rel="stylesheet" href="http://cdn.leafletjs.com/leaflet-0.7.2/leaflet.css"/>
<link rel="stylesheet" href="http://leaflet.github.io/Leaflet.draw/leaflet.draw.css"/>
<script src="http://cdn.leafletjs.com/leaflet-0.7.2/leaflet.js"></script>
<script src="http://leaflet.github.io/Leaflet.draw/leaflet.draw.js"></script>
<script src="/admin/static/vendor/jquery-1.8.3.min.js" type="text/javascript"></script>
<script src="/static/js/googleOverlay/layer/tile/Google.js"></script>
<script src="http://maps.google.com/maps/api/js?v=3&sensor=false"></script>
<div id="map" style="height: {{ height }}px; width: {{ width }}px;"></div>
<input id="geojson" type="text" name="{{ name }}"/>
<script>
var map = new L.Map('map', {
center: new L.LatLng(47.3682, 8.879),
zoom: 11
{% if preview %}
,
dragging: false,
touchzoom: false,
scrollWheelZoom: false,
doubleClickZoom: false,
boxZoom: false,
tap: false,
keyboard: false,
zoomControl: false
{% endif %}
}
);
var ggl = new L.Google('ROADMAP');
map.addLayer(ggl);
var osm = new L.TileLayer('http://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png');
map.addControl(new L.Control.Layers({'OpenStreetMap': osm, 'Google Maps': ggl}, {}));
var editableLayers = L.geoJson().addTo(map);
{{ geolayer |safe }}
{% if not preview %}
var drawControl = new L.Control.Draw({
position: 'topright',
draw: {
polyline: false,
circle: false,
rectangle: false,
polygon: true,
marker: true,
},
edit: {
featureGroup: editableLayers
}
});
{% endif %}
map.addControl(drawControl);
map.on('draw:created', function (e) {
editableLayers.addLayer(e.layer);
update();
});
map.on('draw:edited', function (e) {
// Just use the first layer
update();
})
map.on('draw:deleted', function (e) {
update();
})
function update() {
if (editableLayers.getLayers().length > 0) {
$("#geojson").val(JSON.stringify(editableLayers.getLayers()[0].toGeoJSON()));
} else {
$("#geojson").val(null);
}
}
</script>
管理员/ views.py
class POIView(ModelView):
can_create = True
form_overrides = dict(location=WTFormsMapField)
form_args = dict(
way=dict(
geometry_type='Polygon', height=500, width=500
)
)
column_formatters = dict(tags=lambda v, c, m, p: (u', '.join(u"=".join([k, v]) for k, v in m.tags.items())),
)
def __init__(self, session, **kwargs):
super(POIView, self).__init__(POI, session, **kwargs)
def scaffold_form(self):
form_class = super(POIView, self).scaffold_form()
form_class.way = WTFormsMapField()
form_class.tags = MySelect2TagsField("Tags",None)
return form_class
管理员/ models.py
class POI(db.Model):
__tablename__ = 'zo_poi'
id = db.Column(db.Integer, primary_key=True)
name = db.Column(db.Text())
tags = db.Column(HSTORE())
src = db.Column(db.Text())
way = db.Column(Geometry('point', srid=4326))
intern = db.Column(db.BOOLEAN())
答案 1 :(得分:2)
从Flask-Admin 1.0.9版开始,它现在支持Geoalchemy2 Geometry列(并且1.1.0添加了Geography列)。
最大的变化是从ModelView
而不是flask-admin.contrib.geoa
导入flask-admin.contrib.sqla
,因此一个简单的模型将如下所示:
from geoalchemy2 import Geometry
from flask-admin.contrib.geoa import ModelView
app.config['MAPBOX_MAP_ID'] = 'example.abc123'
class Location(db.Model):
id = db.Column(db.Integer, primary_key=True)
name = db.Column(db.String(64), unique=True)
point = db.Column(Geometry("Point", 4326))
admin = Admin(app)
admin.add_view(ModelView(Location, db.session))
在列表视图中,将显示一个小的预览图,然后在编辑或创建视图中显示leaflet.draw视图。
对于线条或复杂多边形,您可能希望使用ModelView
覆盖form_widget_args
以获得更合理的编辑空间。
class Polygon(db.Model):
...
polygon = db.Column(Geometry("Polygon", 4326)
class PolygonView(ModelView):
form_widget_args = {'polgon': {'data-height': 400; 'data-width': 400}}
admin.add_view(PolygonView(Polygon, db.session))