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
Note: In case the installation does not work, you can also try to directly add the following into your index.html file
<script src="bower_component/ion-google-place/ion-google-place.js"></script> <link href="bower_component/ion-google-place/ion-google-place.css">
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' ]);
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" />
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.