Location

[offsky]

A new directive to edit a geographic location.

$scope.myLoc = {title:'Home',address:'123 Main St',lat:45.678,lon:123.456}
..
<div ade-location ade-id="1234" ng-model="myLoc"></div>

A div with this directive on it would display text according to these rules:

1. The title if it exists, otherwise..
2. The Address, otherwise...
3. The lat/lon coordinates, otherwise...
4. The string: 'No location'

When clicking on this text, a popup Google Map will be displayed that will allow the following:

1. Ability to search by address
2. Ability to drag and drop the marker
3. The ability to edit the title (not shown in image)
4. The ability to remove the marker and clear the location
5. Address will be filled automatically by Google lookup if available

See Toodledo's location editor here for reference (source code can be provided): http://www.toodledo.com/organize/locations.php

It would be best if we could avoid any external dependencies besides the Google SDK.