Inserting a map into a change form

Google Maps offers a JavaScript API that we can use to insert maps into our 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

Register for a Google Maps API key and expose it to the templates, just like we did in the Using HTML5 data attributes recipe in Chapter 4, Templates and JavaScript. Note that for this recipe, in the Google Cloud Platform console, you will need to activate Maps JavaScript API and Geocoding API. For those APIs to function, you also need to set billing data.

We will continue...