Leaflet &引用;如何使用模板中的传单加载地图&引用;

Leaflet &引用;如何使用模板中的传单加载地图&引用;,leaflet,django-2.2,django-leaflet,Leaflet,Django 2.2,Django Leaflet,它在中工作,但在上不工作 我尝试在传单小部件上传递属性,加载传单标签。它不起作用,或者因为我是新手,不能正确使用它们 create.html {% extends 'index.html' %} {% load leaflet_tags %} {% leaflet_js plugins="forms" %} {% leaflet_css plugins="forms" %} {% load static %} {% block content %} <form method="POST"&

它在中工作,但在上不工作

我尝试在传单小部件上传递属性,加载传单标签。它不起作用,或者因为我是新手,不能正确使用它们

create.html

{% extends 'index.html' %}
{% load leaflet_tags %}
{% leaflet_js plugins="forms" %}
{% leaflet_css plugins="forms" %}
{% load static %}
{% block content %}
<form method="POST"> {% csrf_token %}
{{ form.as_p }}
    <button type="submit" value="Save">Save</button>
</form>
{% endblock %}
models.py

location = geomodel.PointField()

想在我的创建表单上加载地图吗?传单上有一个很棒的文档/快速入门指南:

或者仅基于此*.html代码段构建(它使用openstreetmap互动程序服务器而不是MapBox互动程序服务器):

{%extends'index.html%}
{%block content%}
var zoom=10
var lat=51.11
var-lon=9.85
var mymap=L.map('mapid').setView([lat,lon,{{world_border.lon}}],zoom);
L.tileLayer('http://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png'{
属性:“地图数据©;”,
//最大缩放:15,
子域:['a','b','c']
}).addTo(mymap);
var marker=L.marker([lat,lon]).addTo(mymap);
{%endblock%}
它应该是这样的

正如手册《快速入门指南》中所述,您也可以使用mapbox tile server,它看起来更漂亮,但成本较高(如果您每天的点击次数超过25000次),您需要登录并获得令牌。但是它看起来很漂亮。

L.tillelayer('https://api.mapbox.com/styles/v1/{id}/tiles/{z}/{x}/{y}?access_token={accessToken}'{
属性:“地图数据©;贡献者,图像©”,
maxZoom:18,
id:“地图盒/街道-v11”,
tileSize:512,
Zoomofset:-1,
accessToken:'your.mapbox.access.token'
}).addTo(mymap);

传单上有一个很棒的文档/快速入门指南,网址为:

或者仅基于此*.html代码段构建(它使用openstreetmap互动程序服务器而不是MapBox互动程序服务器):

{%extends'index.html%}
{%block content%}
var zoom=10
var lat=51.11
var-lon=9.85
var mymap=L.map('mapid').setView([lat,lon,{{world_border.lon}}],zoom);
L.tileLayer('http://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png'{
属性:“地图数据©;”,
//最大缩放:15,
子域:['a','b','c']
}).addTo(mymap);
var marker=L.marker([lat,lon]).addTo(mymap);
{%endblock%}
它应该是这样的

正如手册《快速入门指南》中所述,您也可以使用mapbox tile server,它看起来更漂亮,但成本较高(如果您每天的点击次数超过25000次),您需要登录并获得令牌。但是它看起来很漂亮。

L.tillelayer('https://api.mapbox.com/styles/v1/{id}/tiles/{z}/{x}/{y}?access_token={accessToken}'{
属性:“地图数据©;贡献者,图像©”,
maxZoom:18,
id:“地图盒/街道-v11”,
tileSize:512,
Zoomofset:-1,
accessToken:'your.mapbox.access.token'
}).addTo(mymap);

默认接纳站点地图加载自定义创建页面默认接纳站点地图加载自定义创建页面感谢参与。感谢参与。
location = geomodel.PointField()