# Sample model
#
#class Sitio(models.Model):
# nombre = models.CharField(max_length=255)
# location = models.CharField(max_length=255)
#
# class Admin:
# list_display=('nombre', 'location',)
#
#
# Sample view
#class SitioForm(ModelForm):
# location = LocationField()
# class Meta:
# model = Sitio
#
#def add_sitio(request):
#
# form = SitioForm({'name':'Nombre','location':u"40.42, -3.7"}) # Default initial values
# if request.POST:
# form = SitioForm(request.POST)
# if form.is_valid():
# obj = form.save()
#
# return render_to_response("test/test.html", {'form':form})
# Sample template
#<html>
# <head>
# <script src="http://maps.google.com/maps?file=api&v=2&key=ABQIAAAAd7Rv9b8qi3Bs7gc5MlVsLBQCULP4XOMyhPd8d_NrQQEO8sT8XBT5eKFVa3VfRxSsgNQOU8T90yK6Vg" type="text/javascript"></script> <!-- U Must include this line in order to load google maps api -->
# </head>
# <body onload="load_location()"> <!-- U also have to call a load_*field*() for each LocationField in your page, in the sample, the field is called "location", so load_location() have to be called -->
# <form action="." method="post">
# {{form}}
# <input type="submit" />
# </form>
#</body>
#</html>
from django import newforms as forms
DEFAULT_WIDTH = 500
DEFAULT_HEIGHT = 300
class LocationWidget(forms.widgets.Widget):
def __init__(self, *args, **kw):
self.map_width = kw.get("map_width", DEFAULT_WIDTH)
self.map_height = kw.get("map_height", DEFAULT_HEIGHT)
super(LocationWidget, self).__init__(*args, **kw)
self.inner_widget = forms.widgets.HiddenInput()
def render(self, name, value, *args, **kwargs):
if isinstance(value, unicode):
a, b = value.split(',')
else:
a, b = value
lat, lng = float(a), float(b)
js = '''
<script type="text/javascript">
//<![CDATA[
var map_%(name)s;
function savePosition_%(name)s(point)
{
var latitude = document.getElementById("id_%(name)s");
//var longitude = document.getElementById("id_%(name)s_longitude");
latitude.value = point.lat().toFixed(6) + "," + point.lng().toFixed(6);
//longitude.value = point.lng().toFixed(6);
map_%(name)s.panTo(point);
}
function load_%(name)s() {
if (GBrowserIsCompatible()) {
map_%(name)s = new GMap2(document.getElementById("map_%(name)s"));
map_%(name)s.addControl(new GSmallMapControl());
map_%(name)s.addControl(new GMapTypeControl());
var point = new GLatLng(%(lat)f, %(lng)f);
map_%(name)s.setCenter(point, 8);
m = new GMarker(point, {draggable: true});
GEvent.addListener(m, "dragend", function() {
point = m.getPoint();
savePosition_%(name)s(point);
});
map_%(name)s.addOverlay(m);
/* save coordinates on clicks */
GEvent.addListener(map_%(name)s, "click", function (overlay, point) {
savePosition_%(name)s(point);
map_%(name)s.clearOverlays();
m = new GMarker(point, {draggable: true});
GEvent.addListener(m, "dragend", function() {
point = m.getPoint();
savePosition_%(name)s(point);
});
map_%(name)s.addOverlay(m);
});
}
}
//]]>
</script>
''' % dict(name=name, lat=lat, lng=lng)
html = self.inner_widget.render("%s" % name, "%f,%f" % (lat,lng), dict(id='id_%s' % name))
html += "<div id=\"map_%s\" class=\"gmap\" style=\"width: %dpx; height: %dpx\"></div>" % (name, self.map_width, self.map_height)
return (js+html)
class LocationField(forms.Field):
widget = LocationWidget
def clean(self, value):
if isinstance(value, unicode):
a, b = value.split(',')
else:
a, b = value
lat, lng = float(a), float(b)
return "%f,%f" % (lat, lng)