Code Blender

An atomic Middleman partials library

Google Places

  2. Social
  3. Google
  4. Google Places

Introduction

Google places is a feature rich set of APIs and widgets to aid the developer in providing location and mapping information to the end user.

Coupling for instance Autocomplete with a Google map can give a user an easy way to find the desired location.

Setup

  • Make sure the API is enabled in the Google API Manager
  • Fetch your API Key
  • Load the required JavaScript

Default 

= codeBlender "autocomplete", "social/google/places" 

<div class='form-group' show-errors='{showSuccess: true}'>
<label class='control-label sr-only' for='place'>
Enter your place
</label>
<input autocomplete='on' class='form-control googlePlacesAutocomplete' data-country='uk' data-forceSelection='true' data-type='geocode' id='place' name='place' ng-model='googlePlacesAutocomplete' placeholder='Place or postcode' required='required' type='text'>



</div>

Resources Useful websites and tutorials

Title URL
Google places https://developers.google.com/places/
Autocomplete https://developers.google.com/maps/documentation/javascript/places-autocomplete

Tasks

Task Date
Complete the example for full screen and embed