Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/etodanik/ion-google-place

Ionic directive for a location dropdown that utilizes google maps
https://github.com/etodanik/ion-google-place

Last synced: 4 months ago
JSON representation

Ionic directive for a location dropdown that utilizes google maps

Awesome Lists containing this project

README

        

# DEPRECATED
This repository has been deprecated and will not be maintained.

ion-google-place
================

Ionic directive for a location dropdown that utilizes google maps

![Animated demo](https://github.com/israelidanny/ion-google-place/raw/master/demo.gif)

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:
```bash
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:
``

You'll need to add `ion-google-place` as a dependency on your Ionic app:
```javascript
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:
``

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: ``

the acceptable value fot the attribute currentLocation are true or false.