https://github.com/gsans/ol3-angular
https://github.com/gsans/ol3-angular
Last synced: 6 months ago
JSON representation
- Host: GitHub
- URL: https://github.com/gsans/ol3-angular
- Owner: gsans
- Created: 2015-02-16T16:17:35.000Z (over 10 years ago)
- Default Branch: master
- Last Pushed: 2015-05-31T11:43:00.000Z (over 10 years ago)
- Last Synced: 2025-03-25T21:22:39.349Z (7 months ago)
- Language: JavaScript
- Homepage:
- Size: 1.53 MB
- Stars: 12
- Watchers: 6
- Forks: 11
- Open Issues: 4
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
#Openlayers 3 + AngularJS 1.3.x
[Demo](http://embed.plnkr.co/DHRLO6T89Wn92Dt1KNZT/preview) using an embedded KML source with some London co-working offices taken from Foursquare.
[Angular — Integration with OpenLayers 3](https://medium.com/angularjs-meetup-south-london/angular-integration-with-openlayers-3-5a6e8d29e635), posted in Medium
[Slides](https://gnab.github.io/remark/remarkise?url=https%3A%2F%2Frawgit.com%2Fgsans%2Fol3-angular%2Fmaster%2Fslides%2Fol3-angular.md#1)
##Features
- loads embedded KML data
- renders markers using a png icon (data:image/png)
- renders list of markers
- added details popup
- switched KML icons with customised styling
- renders markers using svg icon
- added drop-shadow filter to svg (looks too flat otherwise)
- added search filter and highlighting
- added ui bootstrap + tabs
- opens popup on svg markers
- added zoom to max extent
- added scale control
- added config options to init
- added google fonts: Open Sans
- polished ui and format details
- z-index of selected marker is on top
- selects and fills details when clicking on svg marker
- locates marker from list
- fixed ol controls z-index
- added cancel search option
- hides/shows from list
- added multiple queries
- added custom zoom to extent button
- applied [John Papas Guidelines](https://github.com/johnpapa/angular-styleguide) to code
##Todo
- all done
## Extras
- use material design
- animate icon up on selection
- smoother animations (http://tweene.com/)
- add Google maps integration
- add nice provider control
## Want to collaborate?
Email: [gerard.sans@gmail.com](mailto:gerard.sans@gmail.com?Subject=heya%21&Body=%5E_%5E)
Twitter: [@gerardsans](https://twitter.com/gerardsans)
Facebook: [AngularJS Meetup Waterloo](https://www.facebook.com/angularjswaterloo)