Ionic directive for a location dropdown that utilizes google maps
This is a simple directive for an autocomplete overlay location field built for Ionic Framework.
Installation should be dead simple, you can grab a copy from bower:
bower install ion-google-place
Or clone this repository.
You'll need to add
ion-google-place as a dependency on your Ionic app:
angular.module('myApp', [ 'ionic', 'ion-google-place' ]);
You'll also have to include
ion-google-place.js in your Ionic app, probably near where you added the Google Maps API script:
That's pretty much it. Now you can use the directive like so:
<ion-google-place placeholder="Enter an address, Apt# and ZIP" ng-model="location" search-placeholder="Enter an address, Apt# and ZIP"/>
The main placeholder attribute is for the placeholder text in the view. The
search-placeholder attribute customises the placeholder in the actual entry popup.
You can in this version have the current location by adding to the directive "ion-google-place" the attribute currentLocation to true.
<ion-google-place placeholder="Enter an address, Apt# and ZIP" ng-model="location" current-location="true" />
the acceptable value fot the attribute currentLocation are true or false.