[英]AdminModelConvertor for Geometry Field (LON/LAT)
I want to create a view for Flask-Admin to enter coordinates in a Geometry Field. 我想为Flask-Admin创建一个视图,以在几何字段中输入坐标。 How can I create two Textfields and convert them into the Geometry Object?
如何创建两个Textfield并将它们转换为Geometry对象?
This is what I have tried so far (Besides uncountable other things) 这是我到目前为止所尝试的(除了不可数的其他东西)
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
The POI Object looks like this: 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())
Thanks a lot for your help! 非常感谢你的帮助!
Got a solution with a interactive Map. 有一个交互式地图的解决方案。 Here is what I have done:
这是我做的:
admin/fields.py: 管理员/ 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
templates/admin/admin_map.html 模板/管理/ 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>
admin/views.py 管理员/ 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
admin/models.py 管理员/ 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())
As of version 1.0.9 of Flask-Admin, it now supports Geoalchemy2 Geometry columns (and 1.1.0 added Geography columns). 从Flask-Admin 1.0.9版开始,它现在支持Geoalchemy2 Geometry列(并且1.1.0添加了Geography列)。
The biggest change is to import ModelView
from flask-admin.contrib.geoa
instead of flask-admin.contrib.sqla
, so a simple model will look like: 最大的变化是导入
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))
In the list view, a small preview map will be shown with each, and then a leaflet.draw view in edit or create views. 在列表视图中,将显示每个小预览图,然后在编辑或创建视图中显示leaflet.draw视图。
For a line or complicated polygon you may want to override ModelView
with form_widget_args
to get a more reasonably sized editing space. 对于线或复杂的多边形,你可能需要覆盖
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))
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.