Add standard Google Maps controls #2
Description
We need to add the controls UI to the screen for desktop devices. We could try to use a library/service to determine if the user's device is a touch device, but my guess is it'll be much easier to just use CSS media queries.
Files of interest:
- The main UI screen: https://github.com/CodeForCary/django-dev-map/blob/master/permit_map/static/permit_map/templates/material_map.html
- The Google Maps Javascript: https://github.com/CodeForCary/django-dev-map/blob/master/permit_map/static/permit_map/js/gmap.js
On the main UI, you can see how the UI is changed (using flex-md, flex-gt-md, etc.) based on the user's device. More information on these tags and their abilities can be found in the Angular Material documentation.
In the Javascript file you can see how the map is created and reference the Google Maps V3 API to see how to create a map with controls.
The goal is to mash-up the two -- either always render the controls UI into a place that is hidden on smaller devices, or figure out how to only add the controls to the map javascript for large devices.