Split directive into functions

This commit is contained in:
Rohan Mitchell
2016-06-30 12:03:48 +10:00
parent e8b83bef41
commit 54028f4e7e

View File

@@ -1,18 +1,27 @@
Darkswarm.directive 'mapSearch', ($timeout)->
Darkswarm.directive 'mapSearch', ($timeout) ->
# Install a basic search field in a map
restrict: 'E'
require: '^googleMap'
replace: true
template: '<input id="pac-input" placeholder="' + t('location_placeholder') + '"></input>'
link: (scope, elem, attrs, ctrl)->
scope: {}
link: (scope, elem, attrs, ctrl) ->
$timeout =>
map = ctrl.getMap()
# Use OSM tiles server
map.mapTypes.set 'OSM', new (google.maps.ImageMapType)(
# Does this *really* belong here? It's not about search.
scope.useOsmTiles map
searchBox = scope.createSearchBox map
scope.respondToSearch map, searchBox
scope.biasResults map, searchBox
scope.useOsmTiles = (map) ->
map.mapTypes.set 'OSM', new google.maps.ImageMapType
getTileUrl: (coord, zoom) ->
# "Wrap" x (logitude) at 180th meridian properly
# NB: Don't touch coord.x because coord param is by reference, and changing its x property breakes something in Google's lib
# NB: Don't touch coord.x because coord param is by reference, and changing its x property breaks something in Google's lib
tilesPerGlobe = 1 << zoom
x = coord.x % tilesPerGlobe
if x < 0
@@ -21,19 +30,22 @@ Darkswarm.directive 'mapSearch', ($timeout)->
'http://tile.openstreetmap.org/' + zoom + '/' + x + '/' + coord.y + '.png'
tileSize: new (google.maps.Size)(256, 256)
name: 'OpenStreetMap'
maxZoom: 18)
maxZoom: 18
input = (document.getElementById("pac-input"))
scope.createSearchBox = (map) ->
input = document.getElementById("pac-input")
map.controls[google.maps.ControlPosition.TOP_LEFT].push input
searchBox = new google.maps.places.SearchBox((input))
return new google.maps.places.SearchBox(input)
scope.respondToSearch = (map, searchBox) ->
google.maps.event.addListener searchBox, "places_changed", ->
places = searchBox.getPlaces()
for place in places when place.geometry.viewport?
map.fitBounds place.geometry.viewport
# Bias the SearchBox results towards places that are within the bounds of the
# current map's viewport.
# Bias the SearchBox results towards places that are within the bounds of the
# current map's viewport.
scope.biasResults = (map, searchBox) ->
google.maps.event.addListener map, "bounds_changed", ->
bounds = map.getBounds()
searchBox.setBounds bounds