/geo-query-input

A Polymer element for specifying latitude, longitude, and search radius for geographical queries.

Primary LanguageHTMLMIT LicenseMIT

Published on Vaadin Directory Stars on vaadin.com/directory Published on webcomponents.org

geo-query-input

Specify the center point and search radius for geographical queries.

Installation

bower i -S geo-query-input      # Polymer 2.0 hybrid (1.x compatible)
bower i -S geo-query-input#^0.3 # Polymer 1.x based

Usage

  • Bind to the query property.
  • Supply a Google Maps API key (will be optional in the future)

Demo

<geo-query-input query="{{query}}" api-key="AIzaSyAUPOaJubJnaRTPUd_xX8MOA62gRtSlfCc"></geo-query-input>
<div>lat: [[query.lat]]</div>
<div>lng: [[query.lng]]</div>
<div>radiusKm: [[query.radiusKm]]</div>
<div>fromSearch: [[query.fromSearch]]</div>
<div>valid: [[query.valid]]</div>

Full demo: webcomponents.org | github.

API: webcomponents.org | github.

Contributing

  1. Fork it on Github.
  2. Create your feature branch: git checkout -b my-new-feature
  3. Commit your changes: git commit -am 'Add some feature'
  4. Push to the branch: git push origin my-new-feature
  5. Submit a pull request

License

MIT