#Openlayers 3 + AngularJS 1.3.x Demo using an embedded KML source with some London co-working offices taken from Foursquare.
Angular — Integration with OpenLayers 3, posted in Medium
##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 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
Twitter: @gerardsans
Facebook: AngularJS Meetup Waterloo