基於Django建立Web GIS應用程式-Python教學-PHP中文網

首頁

後端開發

Python教學

基於Django建立Web GIS應用程式

PHPz

Jun 17, 2023 pm 01:12 PM

應用程式 django web gis

隨著全球定位系統（GPS）和衛星影像技術的快速發展，地理資訊系統（GIS）已成為了一個重要的應用領域。 GIS不僅限於地圖製作與分析，也廣泛應用於環境管理、土地管理、都市計畫等領域。而Web GIS應用程式的開發，可以讓使用者在任何地點、任何時間、透過任何裝置進行GIS資料的查詢、分析和管理，具有極大的應用前景。

Django是一個基於Python語言的Web開發框架，它提供了一系列的開發工具和技術，可以幫助我們快速建立高效的Web應用程式。本文將介紹如何使用Django建立一個簡單的Web GIS應用程式。

一、環境準備

在開始前，我們需要確保已經安裝好以下必備環境：

Python 3.x
Django
GDAL

其中，GDAL是一個常用的地理資料處理庫，我們將使用它來處理GIS資料。

二、新Django專案

透過以下指令可以建立一個新的Django專案：

django-admin startproject webgis

登入後複製

這項指令建立了一個名為webgis的Django專案。我們可以透過以下命令進入該專案的根目錄：

cd webgis

登入後複製

接著，我們可以透過以下命令創建一個名為gisapp的應用程式：

python manage.py startapp gisapp

登入後複製

這個命令創建了一個名為gisapp的Django應用程序，並在專案目錄下創建了一個與之同名的子目錄。

三、設定Django專案

我們需要在專案的settings.py檔案中設定GDAL和應用程式：

# settings.py

# 导入GDAL库
from django.contrib.gis import gdal

# 数据库设置
DATABASES = {
    'default': {
        'ENGINE': 'django.contrib.gis.db.backends.postgis', # 使用PostGIS数据库
        'NAME': 'webgis', # 数据库名称
        'USER': 'postgres', # 数据库用户名
        'PASSWORD': '****', # 数据库密码
        'HOST': '127.0.0.1', # 数据库地址
        'PORT': '5432', # 数据库端口
    }
}

# 应用设置
INSTALLED_APPS = [
    'django.contrib.admin',
    'django.contrib.auth',
    'django.contrib.contenttypes',
    'django.contrib.sessions',
    'django.contrib.messages',
    'django.contrib.staticfiles',
    'django.contrib.gis',
    'gisapp', # 加入我们的应用程序
]

# 时间区域设置
TIME_ZONE = 'Asia/Shanghai'

# GDAL设置
gdal.HAS_GDAL = True
gdal.HAS_SRS = True

登入後複製

四、建立地理要素模型

#我們需要在應用程式的models.py檔案中建立一些地理要素模型，以便在資料庫中儲存地理要素資料。例如，我們可以建立一個名為「WorldBorder」的模型，用於儲存世界各國的邊界資訊。以下是該模型的定義：

# models.py

from django.contrib.gis.db import models

class WorldBorder(models.Model):
    name = models.CharField(max_length=50)
    area = models.IntegerField(default=0)
    pop2005 = models.IntegerField(default=0)
    fips = models.CharField(max_length=2)
    iso2 = models.CharField(max_length=2)
    iso3 = models.CharField(max_length=3)
    un = models.IntegerField(default=0)
    region = models.IntegerField(default=0)
    subregion = models.IntegerField(default=0)
    lon = models.FloatField()
    lat = models.FloatField()
    mpoly = models.MultiPolygonField()

    def __str__(self):
        return self.name

登入後複製

在該模型中，我們定義了一些欄位來儲存國家/地區的基本資訊（如名稱、面積、人口等），同時我們也定義了一個MultiPolygonField類型的字段來儲存邊界資訊。

五、創建地理要素資料

我們需要建立一些地理要素數據，以便在資料庫中進行儲存。我們可以透過以下命令將資料匯入資料庫：

ogr2ogr -f "PostgreSQL" PG:"dbname=webgis user=postgres host=127.0.0.1 password=**** port=5432" -nln worldborder -nlt MULTIPOLYGON -update -overwrite -lco GEOMETRY_NAME=mpoly -skipfailures ./world_borders.shp

登入後複製

該命令將world_borders.shp檔案中的資料匯入到名為「worldborder」的表中。

六、寫視圖函數

我們需要在應用程式的views.py檔案中寫一些視圖函數，以便回應使用者的請求。例如，我們可以編寫一個名為「map」的視圖函數，用於在地圖上顯示世界各國的邊界資訊。以下是該視圖函數的定義：

# views.py

from django.shortcuts import render
from django.contrib.gis.geos import GEOSGeometry
from .models import WorldBorder

def map(request):
    # 获取所有国家/地区
    countries = WorldBorder.objects.all()

    # 构造GeoJSON格式数据
    geojson = {
        "type": "FeatureCollection",
        "features": []
    }
    for country in countries:
        feature = {
            "type": "Feature",
            "geometry": country.mpoly.geojson,
            "properties": {
                "name": country.name,
                "area": country.area,
                "pop2005": country.pop2005,
                "fips": country.fips,
                "iso2": country.iso2,
                "iso3": country.iso3,
                "un": country.un,
                "region": country.region,
                "subregion": country.subregion
            }
        }
        geojson["features"].append(feature)

    # 返回地图页面
    return render(request, 'map.html', {'geojson': geojson})

登入後複製

該函數首先獲取所有國家/地區的信息，然後將它們轉換為GeoJSON格式的資料。最後，將資料傳遞到名為「map.html」的範本中進行展示。

七、寫模板

我們需要在應用程式的templates目錄下建立一個名為「map.html」的模板，用來展示地圖和資料。以下是該範本的定義：

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>Web GIS Application</title>
    <style>
        #map {
            width: 100%;
            height: 100%;
            position: absolute;
            top: 0;
            left: 0;
            z-index: -1;
        }
    </style>
    <script src="{% static 'leaflet/leaflet.js' %}"></script>
    <link rel="stylesheet" href="{% static 'leaflet/leaflet.css' %}"/>
</head>
<body>
<div id="map"></div>
<script>
    // 初始化地图
    var map = L.map('map').setView([39.9, 116.4], 3);

    // 添加图层
    var geojson = {{ geojson | safe }};
    var countries = L.geoJSON(geojson, {
        onEachFeature: function (feature, layer) {
            layer.bindPopup(feature.properties.name);
        }
    }).addTo(map);

    // 添加控件
    L.control.scale().addTo(map);

    // 添加底图
    var osm = L.tileLayer('http://{s}.tile.osm.org/{z}/{x}/{y}.png', {
        attribution: 'Map data © <a href="http://openstreetmap.org">OpenStreetMap</a> contributors'
    });
    osm.addTo(map);
</script>
</body>
</html>

登入後複製

該範本使用了一個名為「Leaflet」的JavaScript地圖庫。

八、執行應用程式

我們可以在命令列中執行以下命令，啟動Django伺服器：

python manage.py runserver

登入後複製

接著，存取以下位址，即可在瀏覽器中請參閱Web GIS應用程式：

http://127.0.0.1:8000/map

登入後複製

總結

本文介紹如何使用Django和GDAL建立一個簡單的Web GIS應用程式。透過使用這些工具和技術，我們可以輕鬆地開發高效的Web應用程序，並在其中展示和分析地理數據。此外，我們還可以使用其他地圖庫和GIS資料來源來進一步擴展和優化我們的應用程式。

以上是基於Django建立Web GIS應用程式的詳細內容。更多資訊請關注PHP中文網其他相關文章！

本網站聲明

本文內容由網友自願投稿，版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容，請聯絡admin@php.cn

熱AI工具

熱工具

熱門話題

Java教學

1664

CakePHP 教程

1423

Laravel 教程

1321

PHP教程

1269

C# 教程

1249

Related knowledge

Windows 11中無法儲存變更照片應用程式錯誤 Mar 04, 2024 am 09:34 AM

如果您在Windows11中使用照片應用程式進行影像編輯時遇到無法儲存變更的錯誤，本文將為您提供解決方案。無法儲存變更。保存時發生錯誤。請稍後再試。通常會出現這種問題的原因包括權限設定不正確、檔案損壞或系統故障。因此，我們經過深入研究，整理出一些最有效的故障排除步驟，以幫助您解決此問題，並確保您可以繼續在Windows11裝置上無縫使用MicrosoftPhotos應用程式。修復Windows11中無法保存更改照片應用程式的錯誤許多用戶在不同的論壇上一直在談論MicrosoftPhotos應用程式錯

照片無法開啟此文件，因為格式不受支援或文件已損壞 Feb 22, 2024 am 09:49 AM

在Windows系統中，照片應用程式是一個方便的方式來檢視和管理照片和影片。透過這個應用程序，用戶可以輕鬆存取他們的多媒體文件，而無需安裝額外的軟體。然而，有時用戶可能會碰到一些問題，例如在使用照片應用程式時遇到「無法開啟此文件，因為不支援該格式」的錯誤提示，或在嘗試開啟照片或影片時出現文件損壞的問題。這種情況可能會讓使用者感到困惑和不便，需要進行一些調查和修復來解決這些問題。當用戶嘗試在Photos應用程式上開啟照片或影片時，會看到以下錯誤。抱歉，照片無法開啟此文件，因為目前不支援該格式，或該文件

如何將Apple Vision Pro連接到PC Apr 08, 2024 pm 09:01 PM

AppleVisionPro頭戴式裝置本身與電腦不相容，因此您必須將其設定為連接到Windows電腦。自推出以來，AppleVisionPro一直備受追捧，擁有其尖端功能和廣泛的可操作性，很容易理解原因。雖然您可以對其進行一些調整以適應PC，並且其功能在很大程度上取決於AppleOS，因此其功能將受到限制。如何將AppleVisionPro連接到我的電腦？ 1.驗證系統要求你需要最新版本的Windows11（不支援自訂電腦和Surface設備）支援64位元2GHZ或更快的快速處理器高效能GPU，最

MS Paint在Windows 11中無法正常運作 Mar 09, 2024 am 09:52 AM

MicrosoftPaint在Windows11/10中不起作用嗎？嗯，這似乎是一個常見的問題，我們有一些很好的解決方案來解決這個問題。用戶一直抱怨說，當試圖使用MSPaint時，無法工作或打開。應用程式中的捲軸不起作用，貼上圖示沒有顯示，崩潰，等等。幸運的是，我們收集了一些最有效的故障排除方法來幫助您解決MicrosoftPaint應用程式的問題。為什麼MicrosoftPaint不起作用？ MSPaint無法在Windows11/10PC上運行的一些可能原因如下：安全標識符已損壞。掛起的系統

修復caa90019 Microsoft團隊錯誤 Feb 19, 2024 pm 02:30 PM

許多用戶一直在抱怨，每次嘗試使用MicrosoftTeams登入時都會遇到錯誤代碼caa90019。儘管這是一款方便的溝通應用程序，但這種錯誤卻很普遍。修正MicrosoftTeams錯誤：caa90019在這種情況下，系統顯示的錯誤訊息為：「抱歉，我們目前遇到問題。」我們已準備好終極解決方案清單，可協助您解決MicrosoftTeams錯誤caa90019。初步步驟以管理員身分執行清除MicrosoftTeams應用程式快取刪除settings.json檔案從憑證管理員中清除Microso

Shazam應用程式在iPhone中無法運作：修復 Jun 08, 2024 pm 12:36 PM

iPhone上的Shazam應用程式有問題？ Shazam可協助您透過聆聽歌曲找到歌曲。但是，如果Shazam無法正常工作或無法識別歌曲，則必須手動對其進行故障排除。修復Shazam應用程式不會花費很長時間。因此，無需再浪費時間，請按照以下步驟解決Shazam應用程式的問題。修正1–禁用粗體文字功能iPhone上的粗體文字可能是Shazam無法正常運作的原因。步驟1–您只能從iPhone設定執行此操作。所以，打開它。步驟2–接下來，開啟其中的「顯示和亮度」設定。步驟3–如果您發現啟用了“粗體文本

Windows 11中的功能存取管理器服務的高CPU使用率 Feb 19, 2024 pm 03:06 PM

一些PC使用者和遊戲玩家在使用Windows11或Windows10時，可能會遇到CPU使用率異常高的問題，尤其在執行某些應用程式或遊戲時。這篇文章提供了一些建議，幫助使用者緩解這個問題。一些受影響的PC用戶指出，在遇到這個問題時，他們觀察到任務管理器顯示其他應用程式僅使用0%至5%的CPU，而服務主機：能力存取管理器服務的使用率卻高達80 %至100%。什麼是服務主機：功能存取管理器服務？功能存取管理器服務的作用是確認應用程式是否有權限存取攝影機和麥克風，並授權必要權限。它方便管理UWP應用程式對功

Django vs. Flask：Python Web框架的比較分析 Jan 19, 2024 am 08:36 AM

Django和Flask都是PythonWeb框架中的佼佼者，它們都有著自己的優點和適用場景。本文將對這兩個框架進行比較分析，並提供具體的程式碼範例。開發簡介Django是一個全功能的Web框架，它的主要目的是為了快速開發複雜的Web應用。 Django提供了許多內建的功能，例如ORM（物件關聯映射）、表單、認證、管理後台等。這些功能使得Django在處理大型

See all articles

基於Django建立Web GIS應用程式

熱AI工具

Undresser.AI Undress

AI Clothes Remover

Undress AI Tool

Clothoff.io

Video Face Swap

熱門文章

熱工具

記事本++7.3.1

SublimeText3漢化版

禪工作室 13.0.1

Dreamweaver CS6

SublimeText3 Mac版

熱門話題