django - 如何设置 Django 传单地图的边界?
问题描述
在我的 django 应用程序中,我有一个带有位置(点)字段的 CenterModel 和一个带有 geom(线串)字段的 RouteModel。我正在使用 django-leaflet 来表示视图(UI)中的那些几何字段。我可以表示这些字段,但在一般设置中,我为每个传单地图设置了默认中心和缩放,所以当我表示中心或路线时,我必须缩小并移动地图以查看标记和线条,有没有什么办法可以设置地图的边界框来查看点或线,而不必缩小和移动地图?
map.setBounds(datasets.getBounds());
但它显示setBounds方法不存在的错误
这是我的代码:
这就是我表示路线的方式: 在模板中:
<div class="row">
{% leaflet_map "gis" callback="window.our_layers" %}
</div>
<script type="text/javascript">
function our_layers(map,options){
var datasets= new L.GeoJSON.AJAX("{% url 'riesgo:route_locate' route.id %}" ,{});
datasets.addTo(map);
// this is showing an error
map.setBounds(datasets.getBounds());
}
</script>
#ajax 视图
@login_required(login_url='/login/')
def route_get_location(request,pk):
route=serialize('geojson',RouteModel.objects.filter(id=pk))
return HttpResponse(route,content_type='json')
在其他模板中表示中心
<div class="row">
{% leaflet_map "gis" callback="window.our_layers" %}
</div>
<script type="text/javascript">
function our_layers(map,options){
var datasets= new L.GeoJSON.AJAX("{% url 'riesgo:center_locate' center.id %}" ,{});
datasets.addTo(map);
map.setBounds(datasets.getBounds());
}
</script>
获取中心的ajax视图
@login_required(login_url='/login/')
def center_get_location(request,pk):
center=serialize('geojson',CenterModel.objects.filter(id=pk))
return HttpResponse(center,content_type='json')
设置:
LEAFLET_CONFIG = {
'DEFAULT_CENTER': (18.47186, -69.89232),
'DEFAULT_ZOOM': 12,
'MIN_ZOOM': 7,
'MAX_ZOOM': 19,
'RESET_VIEW' : False,
}
解决方案
推荐阅读
- javascript - mac终端冻结。我应该使用哪个命令返回主终端?
- javascript - 如何从异步方法中提取值并将值放入 apolloProvider 变量中?
- spring - spring - 为什么在 application.properties 中定义属性的变量值
- java - 将 XML 数据附加到 ArrayList
- html - 在不同宽度的图像上将 Div 定位在同一位置
- javascript - 如何使图像标题显示在滚动条上
- reactjs - setInterval 上的计数器增量
- ios - 如何更新 UITableViewCell?
- python - OperationalError:250003:未能获得响应。绞刑?方式:邮寄
- python - Keras LSTM 用于将句子转换为文档上下文向量