mirror of
https://github.com/openfoodfoundation/openfoodnetwork
synced 2026-01-24 20:36:49 +00:00
Uses openstreetmap tiles
This commit is contained in:
@@ -7,6 +7,21 @@ Darkswarm.directive 'mapSearch', ($timeout)->
|
|||||||
link: (scope, elem, attrs, ctrl)->
|
link: (scope, elem, attrs, ctrl)->
|
||||||
$timeout =>
|
$timeout =>
|
||||||
map = ctrl.getMap()
|
map = ctrl.getMap()
|
||||||
|
|
||||||
|
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
|
||||||
|
tilesPerGlobe = 1 << zoom
|
||||||
|
x = coord.x % tilesPerGlobe
|
||||||
|
if x < 0
|
||||||
|
x = tilesPerGlobe + x
|
||||||
|
# Wrap y (latitude) in a like manner if you want to enable vertical infinite scroll
|
||||||
|
'http://tile.openstreetmap.org/' + zoom + '/' + x + '/' + coord.y + '.png'
|
||||||
|
tileSize: new (google.maps.Size)(256, 256)
|
||||||
|
name: 'OpenStreetMap'
|
||||||
|
maxZoom: 18)
|
||||||
|
|
||||||
input = (document.getElementById("pac-input"))
|
input = (document.getElementById("pac-input"))
|
||||||
map.controls[google.maps.ControlPosition.TOP_LEFT].push input
|
map.controls[google.maps.ControlPosition.TOP_LEFT].push input
|
||||||
searchBox = new google.maps.places.SearchBox((input))
|
searchBox = new google.maps.places.SearchBox((input))
|
||||||
|
|||||||
@@ -1,11 +1,14 @@
|
|||||||
Darkswarm.factory "MapConfiguration", ->
|
Darkswarm.factory "MapConfiguration", ->
|
||||||
new class MapConfiguration
|
new class MapConfiguration
|
||||||
options:
|
options:
|
||||||
center:
|
center:
|
||||||
latitude: -37.4713077
|
latitude: -37.4713077
|
||||||
longitude: 144.7851531
|
longitude: 144.7851531
|
||||||
zoom: 12
|
zoom: 12
|
||||||
additional_options: {}
|
additional_options:
|
||||||
#mapTypeId: 'satellite'
|
#mapTypeId: 'satellite'
|
||||||
|
mapTypeId: 'OSM'
|
||||||
|
mapTypeControl: false
|
||||||
|
streetViewControl: false
|
||||||
styles: [{"featureType":"landscape","stylers":[{"saturation":-100},{"lightness":65},{"visibility":"on"}]},{"featureType":"poi","stylers":[{"saturation":-100},{"lightness":51},{"visibility":"simplified"}]},{"featureType":"road.highway","stylers":[{"saturation":-100},{"visibility":"simplified"}]},{"featureType":"road.arterial","stylers":[{"saturation":-100},{"lightness":30},{"visibility":"on"}]},{"featureType":"road.local","stylers":[{"saturation":-100},{"lightness":40},{"visibility":"on"}]},{"featureType":"transit","stylers":[{"saturation":-100},{"visibility":"simplified"}]},{"featureType":"administrative.province","stylers":[{"visibility":"off"}]},{"featureType":"water","elementType":"labels","stylers":[{"visibility":"on"},{"lightness":-25},{"saturation":-100}]},{"featureType":"water","elementType":"geometry","stylers":[{"hue":"#ffff00"},{"lightness":-25},{"saturation":-97}]},{"featureType":"road","elementType": "labels.icon","stylers":[{"visibility":"off"}]}]
|
styles: [{"featureType":"landscape","stylers":[{"saturation":-100},{"lightness":65},{"visibility":"on"}]},{"featureType":"poi","stylers":[{"saturation":-100},{"lightness":51},{"visibility":"simplified"}]},{"featureType":"road.highway","stylers":[{"saturation":-100},{"visibility":"simplified"}]},{"featureType":"road.arterial","stylers":[{"saturation":-100},{"lightness":30},{"visibility":"on"}]},{"featureType":"road.local","stylers":[{"saturation":-100},{"lightness":40},{"visibility":"on"}]},{"featureType":"transit","stylers":[{"saturation":-100},{"visibility":"simplified"}]},{"featureType":"administrative.province","stylers":[{"visibility":"off"}]},{"featureType":"water","elementType":"labels","stylers":[{"visibility":"on"},{"lightness":-25},{"saturation":-100}]},{"featureType":"water","elementType":"geometry","stylers":[{"hue":"#ffff00"},{"lightness":-25},{"saturation":-97}]},{"featureType":"road","elementType": "labels.icon","stylers":[{"visibility":"off"}]}]
|
||||||
|
|
||||||
|
|||||||
@@ -26,3 +26,16 @@
|
|||||||
width: 80%
|
width: 80%
|
||||||
&:active, &:focus, &.active
|
&:active, &:focus, &.active
|
||||||
background: rgba(255,255,255, 1)
|
background: rgba(255,255,255, 1)
|
||||||
|
|
||||||
|
.map-footer
|
||||||
|
position: fixed
|
||||||
|
font-size: x-small
|
||||||
|
left: 0
|
||||||
|
right: 0
|
||||||
|
bottom: 0
|
||||||
|
width: 100%
|
||||||
|
height: 23px
|
||||||
|
margin: 0
|
||||||
|
padding: 6px
|
||||||
|
z-index: 2
|
||||||
|
background: WHITE
|
||||||
|
|||||||
@@ -9,3 +9,8 @@
|
|||||||
%map-search
|
%map-search
|
||||||
%markers{models: "OfnMap.enterprises", fit: "true",
|
%markers{models: "OfnMap.enterprises", fit: "true",
|
||||||
coords: "'self'", icon: "'icon'", click: "'reveal'"}
|
coords: "'self'", icon: "'icon'", click: "'reveal'"}
|
||||||
|
|
||||||
|
.map-footer
|
||||||
|
\©
|
||||||
|
%a{:href => "http://www.openstreetmap.org/copyright"} OpenStreetMap
|
||||||
|
contributors
|
||||||
|
|||||||
Reference in New Issue
Block a user