Skip to content
Ionic directive for a location dropdown that utilizes google maps
JavaScript CSS
Branch: master
Clone or download
Pull request Compare This branch is 1 commit ahead, 4 commits behind israelidanny:master.
paugp ADD getting location flag while location is loading
CHANGE more strings can be changed by attribute
Latest commit 95c4832 May 19, 2016
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
test/jasmine
.gitignore
LICENSE
README.md
bower.json
demo.gif
ion-google-place.css
ion-google-place.js
package.json

README.md

ion-google-place

Ionic directive for a location dropdown that utilizes google maps

Animated demo

This is a simple directive for an autocomplete overlay location field built for Ionic Framework.

#Installation

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'
]);

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.

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.

You can’t perform that action at this time.