解决在admin/xadmin后台利用GeoDjango内置的Openlayers加载地图添加坐标的错误

最新推荐文章于 2025-07-15 06:29:48 发布

helixsky

最新推荐文章于 2025-07-15 06:29:48 发布

阅读量1.3k

点赞数

CC 4.0 BY-SA版权

分类专栏： xadmin MYSQL空间数据库 django 文章标签： geodjango openlayers xadmin后台管理

本文链接：https://blog.youkuaiyun.com/helixsky/article/details/102889496

在Django 2.0.12+xadmin集成GeoDjango的环境中，使用OpenLayers加载地图时遇到'ol is not defined'的错误。问题源于js文件引用顺序不正确。通过调整openlayers.html模板中引入的两个js文件顺序，成功解决了地图显示问题。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

查看配置环境：

Django 2.0.12+xadmin/admin+GeoDjango

起初不能显示地图报错：

Uncaught ReferenceError: ol is not defined

var base_layer = new ol.layer.Tile({
    source: new ol.source.XYZ({

查看引用的js文件不知道为何跑最后去了，然后在openlayers.html模板中引入两个js文件，OK：


<script src="https://cdn.bootcss.com/openlayers/3.20.1/ol.js"></script>
<script type="text/javascript" src="/static/gis/js/OLMapWidget.js"></script>

<div id="{
  
  { id }}_div_map">
    <div id="{
  
  { id }}_map"></div>
    {% if not disabled %}<span class="clear_features"><a href="javascript:{
  
  { module }}.clearFeatures()">{% trans "Delete all Features" %}</a></span>{% endif %}
    {% if display_raw %}<p>{% trans "Debugging window (serialized value)" %}</p>{% endif %}
    <textarea id="{
  
  { id }}