Django≥4.0中如何实现GeoDjango字段的只读OpenLayers地图？

在Django 4.0及以上版本中，替代已弃用的OSMGeoAdmin实现动态地图展示且禁止修改PointField坐标的功能是可行的，以下是两种有效方案：

方案一：通过GISModelAdmin配置参数实现 #

直接使用GISModelAdmin并正确传递modifiable=False参数即可，这是官方推荐的替代方式：

from django.contrib.gis import admin
from .models import YourModel

class YourModelAdmin(admin.GISModelAdmin):
    # 给GIS控件传递不可修改参数
    gis_widget_kwargs = {
        'modifiable': False,
    }

admin.site.register(YourModel, YourModelAdmin)

如果上述参数不生效，可尝试显式指定OpenLayersWidget并设置属性：

from django.contrib.gis.admin import OpenLayersWidget
from django.contrib.gis import admin
from django.db import models
from .models import YourModel

class YourModelAdmin(admin.GISModelAdmin):
    formfield_overrides = {
        models.PointField: {
            'widget': OpenLayersWidget(attrs={'modifiable': False})
        }
    }

admin.site.register(YourModel, YourModelAdmin)

方案二：自定义只读地图展示（灵活扩展） #

若默认GIS控件配置无法满足需求，可通过readonly_fields结合自定义HTML/JS渲染不可修改的OpenLayers地图：

1. 配置Admin类：

from django.contrib import admin
from .models import YourModel

class YourModelAdmin(admin.ModelAdmin):
    readonly_fields = ('your_point_field', 'static_map')

    def static_map(self, obj):
        if not obj.your_point_field:
            return "无坐标数据"
        
        lon, lat = obj.your_point_field.x, obj.your_point_field.y
        # 返回嵌入OpenLayers的HTML代码
        return f'''
        <div id="static-map" style="width: 450px; height: 350px;"></div>
        <script src="https://openlayers.org/api/2.13.1/OpenLayers.js"></script>
        <script>
            const map = new OpenLayers.Map("static-map");
            map.addLayer(new OpenLayers.Layer.OSM());
            
            // 转换坐标投影
            const point = new OpenLayers.Geometry.Point({lon}, {lat}).transform(
                new OpenLayers.Projection("EPSG:4326"),
                map.getProjectionObject()
            );
            
            // 添加点标记
            const vectorLayer = new OpenLayers.Layer.Vector("Point Layer");
            vectorLayer.addFeatures([new OpenLayers.Feature.Vector(point)]);
            map.addLayer(vectorLayer);
            
            // 定位到目标点
            map.setCenter(new OpenLayers.LonLat({lon}, {lat}).transform(
                new OpenLayers.Projection("EPSG:4326"),
                map.getProjectionObject()
            ), 14);
            
            // 移除编辑类控件，仅保留导航
            map.controls = map.controls.filter(ctrl => 
                ctrl instanceof OpenLayers.Control.Navigation
            );
        </script>
        '''
    static_map.short_description = '位置地图'

admin.site.register(YourModel, YourModelAdmin)

注意事项 #

• 方案一优先使用，符合Django GeoAdmin的原生逻辑，无需额外前端代码
• 方案二适合需要自定义地图样式、图层或交互逻辑的场景，可按需调整JS代码

内容的提问来源于stack exchange，提问作者Laura Montes