OpenLayers Geocoder tutorial

Tutorial goal

  • Display both map and address using the OpenLayers Geocoder module



  1. Create a content type at admin/content/types/add
  2. Add the following Text field
    Label: Address
    Field name: geocoder_address
  3. Add the following OpenLayers Geocoder field
    Label: Map
    Field name: geocoder_map
  4. Configure the OpenLayers Geocoder field
    Under the Autocompletion section
    Check the Enable box next to the Address Field
    Under Content, type in the following token: [formatted_address]
  5. That's it you're done. To test go to /node/add to create a content.

Source: JoshuaBud at