{% extends "qmsk.pngtile/view.html" %}
{% load staticfiles %}

{% block head %}
    <link rel="stylesheet" href="http://cdn.leafletjs.com/leaflet-0.7.3/leaflet.css">
    <link rel="stylesheet" href="{% static "qmsk.pngtile/map.css" %}">
{% endblock %}

{% block layout %}
    <div id="map">

    </div>
{% endblock %}

{% block body %}
    <script src="http://cdn.leafletjs.com/leaflet-0.7.3/leaflet.js"></script>
    <script src="{% static "qmsk.pngtile/map.js" %}"></script>
    <script>
        $(function () {
            map_init({{map_config|safe}});
        });
    </script>
{% endblock %}