激情综合色五月丁香六月亚洲,免费60分钟床上色视频a,特级毛片免费观看视频

項目初始化與依賴安裝

2. 安裝Django和Requests庫

在終端中，通過pip安裝Django和Requests庫，這兩個庫是實現項目功能的基礎。

pip install django requests

Django：用于創建Web應用框架
Requests：用于處理HTTP請求，與高德API交互

Django安裝

創建Django項目與應用

3. 創建Django項目及應用

如果您尚未創建Django項目，可以通過以下命令創建一個新項目，并在其中添加應用模塊。

django-admin startproject amap_project
cd amap_project
python manage.py startapp amap_display

項目結構：確保項目內包含settings.py、urls.py等文件配置

Django項目結構

Django項目的設置與配置

4. 配置項目的設置文件

在amap_project/settings.py中，配置INSTALLED_APPS，確保包含我們新創建的應用。

INSTALLED_APPS = [
    ...
    'amap_display',
]

小貼士：確保所有依賴已安裝并且路徑正確

配置文件設置

模型設計與數據庫配置

5. 設計存儲地理坐標的模型

在amap_display/models.py中，定義一個Location模型，用于存儲用戶上傳的地理坐標信息。

from django.db import models

class Location(models.Model):
    name = models.CharField(max_length=100)
    latitude = models.FloatField()
    longitude = models.FloatField()

    def __str__(self):
        return self.name

小貼士：使用FloatField以確保存儲高精度坐標

模型設計

創建用戶交互表單

6. 定義用戶提交坐標的表單

在amap_display/forms.py中，創建一個表單類以便用戶錄入地理坐標。

from django import forms
from .models import Location

class LocationForm(forms.ModelForm):
    class Meta:
        model = Location
        fields = ['name', 'latitude', 'longitude']

小貼士：使用ModelForm可以簡化表單生成過程

表單設計

視圖與模板的功能實現

7. 編寫視圖函數與模板文件

在views.py中，編寫視圖函數處理用戶輸入，并在模板中展示地圖。

視圖函數

from django.shortcuts import render, redirect
from .forms import LocationForm
from .models import Location
import requests

def show_map(request):
    locations = Location.objects.all()
    return render(request, 'map.html', {'locations': locations})

def add_location(request):
    if request.method == 'POST':
        form = LocationForm(request.POST)
        if form.is_valid():
            form.save()
            return redirect('show_map')
    else:
        form = LocationForm()
    return render(request, 'add_location.html', {'form': form})

小貼士：redirect函數在表單提交后跳轉

模板文件

在amap_display/templates/map.html中添加HTML代碼以渲染地圖。



    高德地圖顯示

    地點列表
    
    
        {% for location in locations %}
            {{ location.name }}: ({{ location.latitude }}, {{ location.longitude }})
        {% endfor %}
    

        var map = new AMap.Map('container', {
            zoom: 10,
            center: [116.397428, 39.90923]
        });

        {% for location in locations %}
            var marker = new AMap.Marker({
                position: [{{ location.longitude }}, {{ location.latitude }}],
                title: '{{ location.name }}'
            });
            marker.setMap(map);
        {% endfor %}

小貼士：替換YOUR_API_KEY為實際申請的API密鑰

地圖展示

路由配置與服務器啟動

8. 配置路由與啟動服務器

在amap_display/urls.py中，配置路由以導航至各視圖。

from django.urls import path
from . import views

urlpatterns = [
    path('', views.show_map, name='show_map'),
    path('add/', views.add_location, name='add_location'),
]

然后在amap_project/urls.py中包含這些路由。

from django.contrib import admin
from django.urls import path, include

urlpatterns = [
    path('admin/', admin.site.urls),
    path('map/', include('amap_display.urls')),
]