This repository has been deprecated and will not be maintained.
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.
For the geolocation service to work, you'll need to have Google Maps javascript API somewhere in your HEAD tag:
<script src="http://maps.googleapis.com/maps/api/js?libraries=places&sensor=false"></script>
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:
<script src="https://github.com/etodanik/ion-google-place/raw/master/path/to/your/libfolder/ion-google-place/ion-google-place.js"></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.
example: <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.