0

在我的 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,
}
4

1 回答 1

1

尝试fitBounds代替setBounds.

map.fitBounds(datasets.getBounds());

相关问题

于 2021-06-20T01:04:20.293 回答