#Geofield drupal tutorial how to

If you haven't already, go ahead and create some location nodes with addresses and images: node/add/location DrupalGap display mode)ġ0 Create some Locations with Addresses and Images

Optional, repeat this for other fields and display modes (i.e.

Change the 'Format' for 'Position' to ' Geofield Map'.

Go to admin/structure/types/manage/location/display.

Adjust the 'Manage Display' Settings for the Content Type for each Display Mode We'll just use all the default values provided for this tutorial, but feel free to adjust them.

Click the 'Save settings' button at the bottom of the form.

Set the 'Geocoder' select list to ' Google geocoder'.

Set the 'Geocode from field' select list to ' Address'.In Drupal, go to admin/structure/types/manage/location/fields and add a new field with these values:Ĭlick the 'Save' button, then click the 'Save field settings' button, and finally click the 'Save settings' button at the bottom of the form. Keep all the default settings (optional), then click the ' Save settings' buttonħ.In the ' Add existing field' section, select ' Image: field_image (Image)', or select your own existing image field, or create a new one.Go to admin/structure/types/manage/location/fields.Add an Existing Image Field to the Content Type Let's create a content type called 'Location' at admin/structure/types/add. Download and Enable the Geocoder ModuleĦ. This module comes packaged with the Geofield module, enable it as well.

Download and Enable the Address Field ModuleĤ. Download and Enable the DrupalGap Moduleģ. The mobile application will be built using DrupalGap, which is powered by PhoneGap and jQuery Mobile. The nearby location results will be displayed on a map, and will allow us to click on a result item to view its complete details.

#Geofield drupal tutorial how to

In this tutorial ( for DrupalCamp Ohio 2014) we'll explore how to build a mobile application and website that can geo locate places near our current position.