我试图返回一组坐标来绘制地图上的点/矩形。目前我正在使用Polymaps,但我正在考虑移动到openlayers,它有像我这样的javascript新手更清楚的例子。
我想发送一个坐标列表加上每个坐标的特定值。我也在寻找在同一个json中发送许多坐标列表,每个列表都有另一个特定的值(时间),所以我可以每次在地图上表示不同的点/多边形。
我已经能够用json返回3个分隔的列表,一个用于纬度,一个用于经度,另一个用于每个点的值。但是openlayers和Polymaps在它们的示例中都使用GeoJson,这看起来是更明智的选择。
问题是,我不知道如何用Django生成geoJson响应。我找到了django-geojson,但是没有一个明确的例子来做我想做的,当然也不会在不同的时间返回很多集合。
帮忙吗?我也可以接受如何用Json来做。
我现在的情况:
#views.py
from django.shortcuts import render_to_response
from django.template import RequestContext
import myproject.databasework as databaseWork
import json
def values(request):
gpsTime = 1043366400
pls = databaseWork.getValues(gpsTime)
latitudes = []
longitudes = []
values = []
for row in pls:
pointId = row[0]
value = row[2]
lat, lon = databaseWork.getCoords(pointId)
latitudes.append(lat)
longitudes.append(lon)
values.append(value)
jsonObject = {'latitudeList': json.dumps(latitudes),
'longitudeList': json.dumps(longitudes),
'valuesList': json.dumps(values)}
return render_to_response('mytemplate.html', jsonObject, context_instance=RequestContext(request))
这是html的一部分:
<script type="text/javascript">
var po = org.polymaps;
var map = po.map()
.container(document.getElementById("map").appendChild(po.svg("svg")))
.add(po.interact())
.center({lat: 46, lon: 10})
.zoom(4);
var svg = document.querySelector("svg.map");
svg.setAttribute("width", "100%");
svg.setAttribute("height", "100%");
map.resize();
map.add(po.image()
.url(po.url("http://{S}tile.cloudmade.com"
+ "/1a1b06b230af4efdbb989ea99e9841af" // http://cloudmade.com/register
+ "/20760/256/{Z}/{X}/{Y}.png")
.hosts(["a.", "b.", "c.", ""])));
// Get values from django response
var latitude = "{{ latitudeList }}";
var longitude = "{{ longitudeList }}";
var vpl = "{{ vplList }}";
// Draw circles
// Don't know how to do it with Polymaps yet. Example at http://polymaps.org/ex/cluster.html
</script>
首先看一下geojson规范,它应该清楚地说明如何设计数据结构。
但是你的方法有几个错误,基本上是编码错误。看看你的render_to_response
方法。传递变量jsonObject
,这是一个字典。在您的模板中,您尝试分配变量latitudeList
,它实际上是jsonObject
的key
。
这是一个例子,我如何创建一个geojson对象来显示一些点几何与传单(一个库值得你检查)。
lati = Vsoil.objects.values_list('latitude',flat=True)
longi = Vsoil.objects.values_list('longitude',flat=True)
ids = Vsoil.objects.values_list('id',flat=True)
geo_json = [ {"type": "Feature",
"properties": {
"id": ident,
"popupContent": "id=%s" % (ident,)
},
"geometry": {
"type": "Point",
"coordinates": [lon,lat] }}
for ident,lon,lat in zip(ids,longi,lati) ]
return render_to_response('map.html',
{'geo_json': geo_json},
context_instance=RequestContext(request))
在你的模板中,你可以简单地将你的对象分配给一个js变量,像这样
var geojsonFeature = {{ geo_json|safe }}
正确的方法是使用write序列化器返回地理特征模型。
from rest_framework_gis.serializers import GeoFeatureModelSerializer
from . models import YourModel
class YourModelSerializer(GeoFeatureModelSerializer):
class Meta:
model = YourModel
fields = "__all__"
geo_field = "point"
然后在视图中你可以使用ModelViewSet:
class YourModelViewset(viewsets.ModelViewSet):
serializer_class = YourModelSerializer
queryset = YourModel.objects.all()
您可以参考GeoDjango获取更多信息