Using HTML5 data attributes

When you have dynamic data related to HTML Document Object Model (DOM) elements, often you will need to pass the values from Django to JavaScript. In this recipe, we will see a way to attach data efficiently from Django to custom HTML5 data attributes and then describe how to read the data from JavaScript with two practical examples:

• The first example will be a Google Map with a marker at a specified geographical position
• Then, we will enhance the marker to display the address in an info window when clicked

Getting ready

To get started, follow these steps:

1. Create a location app with a Location model and an associated administration, as described in the Inserting a map into a change form recipe...