~ronnie.vd.c/mapuntu/marker_creation

{% extends 'base.html' %}

{% load i18n %}

 

{% block js %}

    {{ form.media }}

    <script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=false&language=en&region=US"></script>

    <script type="text/javascript" src="http://google-maps-utility-library-v3.googlecode.com/svn/tags/markerclusterer/1.0/src/markerclusterer_packed.js"></script>

    <script type="text/javascript" src="{{ MEDIA_URL }}js/jquery-ubuntu-maps.js"></script>

    <script type="text/javascript">

    //<![CDATA[

        $(document).ready(function(){

            $('span[rel*=help]').colorTip({color:'orange'});

            $('#id_lat, #id_lng').parent().hide();

            $('#map-element').selectLocation({ html_lat: $('#id_lat'),

                                               html_lng: $('#id_lng') });

        });

        

    //]]>

    </script>

{% endblock %}

 

{% block content %}

    <form method="POST">

        <fieldset>

            <legend>Create new Marker</legend>

            {% csrf_token %}

            {{ form.as_template }}

            <div id="map-element" class="" style="height:350px;"></div>

        </fieldset>

        <input type="submit" value="{% trans 'Create Marker' %}" />

    </form>

{% endblock %}