将google地图添加到带有简单标记的模板中。
django-gmapif的Python项目详细描述
#Django Gmapify
使用简单标记将Google地图添加到模板中。
Django Gmapify提供了一种使用简单标记管理Google地图JavaScript API v3的简单方法:
{%gmapify“地图画布”36.84531718210699-2.4523544311523438%}
django gmapify
或从github克隆项目:
$git clone git@javinb/django gmapify.git
$cd django gmapify
$pip install-r requirements.txt
…)
在模板中创建div。地图将填补这一部分,所以它必须有宽度和高度:
<;div id="map-canvas" style="width:500px;height:500px;"></div>
>加载和使用模板中提供的“gmapify”标签:
{%loadgmapify%}
{%gmapify<>%gmapify<%gmapify<;gmtu id>;lt;lat>;lt;lng>;[zoom=<;缩放>;][地图类型=<;地图类型>;][marker-title=<;marker-title=<;marker-title=<;marker-title=<;marker-title=>;marker>;]%}
django gmapify为google maps api v3提供了所有javascript功能,因此在模板的末尾加上“gmapify”标记。
\r/>\r可选参数
-**缩放:*显示地图的初始分辨率,其中缩放0对应于完全缩小的地球地图,而更高的缩放级别则放大到更高的位置决议。默认为15。
-**映射类型:**初始映射类型。默认路线图。支持以下地图类型:
-**路线图:**显示谷歌地图的正常默认二维分幅。
-**卫星:**显示照片分幅。
-**混合:**显示照片分幅和突出功能(道路,城市名称)。
-**地形:**显示物理浮雕瓷砖,用于显示高程和水景(山、河等)。
-**标记标题:**标记的标题。如果未提供标记,则不会显示任何标记。
{%endblock style%}
{%block content%}
<;div id="map"></div>
{%endblock content%}
{%block js%}
{%gmapify“map”36.84531718210699-2.4523544311523438 zoom=18 marker_title=“almeria”%}
{%endblock js%}
使用简单标记将Google地图添加到模板中。
Django Gmapify提供了一种使用简单标记管理Google地图JavaScript API v3的简单方法:
{%gmapify“地图画布”36.84531718210699-2.4523544311523438%}
django gmapify
或从github克隆项目:
$git clone git@javinb/django gmapify.git
$cd django gmapify
$pip install-r requirements.txt
…)
在模板中创建div。地图将填补这一部分,所以它必须有宽度和高度:
<;div id="map-canvas" style="width:500px;height:500px;"></div>
>加载和使用模板中提供的“gmapify”标签:
{%loadgmapify%}
{%gmapify<>%gmapify<%gmapify<;gmtu id>;lt;lat>;lt;lng>;[zoom=<;缩放>;][地图类型=<;地图类型>;][marker-title=<;marker-title=<;marker-title=<;marker-title=<;marker-title=>;marker>;]%}
django gmapify为google maps api v3提供了所有javascript功能,因此在模板的末尾加上“gmapify”标记。
\r/>\r可选参数
-**缩放:*显示地图的初始分辨率,其中缩放0对应于完全缩小的地球地图,而更高的缩放级别则放大到更高的位置决议。默认为15。
-**映射类型:**初始映射类型。默认路线图。支持以下地图类型:
-**路线图:**显示谷歌地图的正常默认二维分幅。
-**卫星:**显示照片分幅。
-**混合:**显示照片分幅和突出功能(道路,城市名称)。
-**地形:**显示物理浮雕瓷砖,用于显示高程和水景(山、河等)。
-**标记标题:**标记的标题。如果未提供标记,则不会显示任何标记。
{%endblock style%}
{%block content%}
<;div id="map"></div>
{%endblock content%}
{%block js%}
{%gmapify“map”36.84531718210699-2.4523544311523438 zoom=18 marker_title=“almeria”%}
{%endblock js%}