Skip to main content

Use Leaflet in your django projects

Project description

django-leaflet allows you to use Leaflet in your Django projects.

INSTALL

pip install django-leaflet

USAGE

  • Add leaflet to your INSTALLED_APPS

  • Add the HTML header :

{% load leaflet_tags %}

<head>
    ...
    {% leaflet_js %}
    {% leaflet_css %}
</head>
  • Add the map in your page, providing a name :

...
<body>
    ...
    {% leaflet_map "yourmap" %}
    ...
</body>
  • Use the Leaflet API as usual in the map initialization callback (can be facultative depending on settings) :

<script type="text/javascript">
    function yourmapInit(yourmap, bounds) {
        ...
        // Add background layer from MapBox
        yourmap.addLayer(new L.TileLayer('http://{s}.tiles.mapbox.com/v3/mapbox.mapbox-light/{z}/{x}/{y}.png'));
        ...
    }
</script>
  • Give your maps a size (height is mandatory) :

<style>

    .leaflet-container {  /* all maps */
        width:  600px;
        height: 400px;
    }

    #specialbigmap {
        height: 800px;
    }

</style>

Configuration

In order to configure django-leaflet, just add a new section in your settings :

LEAFLET_CONFIG = {
    # conf here
}

Spatial extent

You can configure a global spatial extent for your maps, that will automatically center your maps, restrict panning and add reset view and scale controls. (See advanced usage to tweak that.)

‘SPATIAL_EXTENT’ : (5.0, 44.0, 7.5, 46)

Default tiles layer

To globally add a tiles layer to your maps :

‘TILES_URL’ : ‘http://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png’

This setting can also be a list of tuples (name, url) ! A layer switcher will then be added automatically.

Leaflet version

By default, it runs the last stable version (0.4.4) of Leaflet. But it is possible to run the legacy version (0.3.1) or the unstable under development (master).

‘LEAFLET_VERSION’ : ‘legacy’

Scale control

Automatically add a scale control with km and miles :

‘SCALE’ : False

Advanced usage

{% leaflet_map %} tag parameters

callback

A Javascript function name for initialization callback. (Default:name + Init)

{% leaflet_map "yourmap" callback="window.customMap" %}

fixextent

Control if map initial view shoud be set to extent setting. (Default: True). Setting fixextent to False will prevent view reset and scale controls to be added.

Projection

It is possible to setup the map spatial reference in LEAFLET_CONFIG :

‘SRID’ : 2154 # See http://spatialreference.org

Additional parameters are then required to compute scale levels :

‘MAX_RESOLUTION’ : 1142.7383, ‘TILES_EXTENT’ : [700000,6325197,1060000,6617738],

For more information, have a look at this example.

AUTHORS

makinacom

LICENSE

  • Lesser GNU Public License

  • Leaflet Copyright - 2010-2011 CloudMade, Vladimir Agafonkin

CHANGELOG

0.1.0 (2012-08-13)

  • Initial support for map projection

  • Show zoom scale by default

  • Spatial extent configuration

  • Initialization callback instead of global JS variable

  • Leaflet version switching

  • Global layers configuration

0.0.2 (2012-03-22)

  • Add IE conditional CSS

0.0.1 (2012-03-16)

  • Initial working version

Project details


Download files

Download the file for your platform. If you're not sure which to choose, learn more about installing packages.

Source Distribution

django-leaflet-0.1.0.zip (274.1 kB view details)

Uploaded Source

File details

Details for the file django-leaflet-0.1.0.zip.

File metadata

  • Download URL: django-leaflet-0.1.0.zip
  • Upload date:
  • Size: 274.1 kB
  • Tags: Source
  • Uploaded using Trusted Publishing? No

File hashes

Hashes for django-leaflet-0.1.0.zip
Algorithm Hash digest
SHA256 796e6f70fd16fb3a1ffb3db1dffbb00ac2ee900d7b390a51d1e7b7926c3258ca
MD5 c7e5590a04fadd3d549552ed08067083
BLAKE2b-256 bd2174f281f1c35cdb259e46bb04f2723150f6a1bab51604e1c166418beaa2ee

See more details on using hashes here.

Supported by

AWS Cloud computing and Security Sponsor Datadog Monitoring Depot Continuous Integration Fastly CDN Google Download Analytics Pingdom Monitoring Sentry Error logging StatusPage Status page