Inserting a map into a change form

Google Maps offers a JavaScript API to insert maps into your websites. In this recipe, we will create a locations app with the Location model and extend the template of the change form, in order to add a map where an administrator can find and mark the geographical coordinates of a location.

Getting ready

We will start with a locations app, which should be put under INSTALLED_APPS, in the settings. Create Location model there, with a title, description, address, and geographical coordinates, as follows:

# locations/models.py
from django.db import models
from django.utils.translation import ugettext_lazy as _

COUNTRY_CHOICES = (
    ("US", _("United States")),
    ("UK...