aboutsummaryrefslogtreecommitdiffstats
path: root/web/js/map-google-ol.js
blob: 7369a8e9f734ea8ca62e4033a9b0039804b97498 (plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
$(function(){
    $('#map_layer_toggle').on('click', function(e){
        e.preventDefault();
        var $t = $(this), text = $t.text();
        if (text == translation_strings.map_map) {
            $t.text(translation_strings.map_satellite);
            fixmystreet.map.setBaseLayer(fixmystreet.map.layers[0]);
        } else {
            $t.text(translation_strings.map_map);
            fixmystreet.map.setBaseLayer(fixmystreet.map.layers[1]);
        }
    });
    if (typeof fixmystreet_google_default !== 'undefined' && fixmystreet_google_default == 'satellite') {
        $('#map_layer_toggle').click();
    }
});

fixmystreet.maps.config = function() {
    var permalink_id;
    if ($('#map_permalink').length) {
        permalink_id = 'map_permalink';
    }

    fixmystreet.controls = [
        new OpenLayers.Control.ArgParser(),
        new OpenLayers.Control.Navigation(),
        new OpenLayers.Control.PermalinkFMS(permalink_id),
        new OpenLayers.Control.PanZoomFMS({id: 'fms_pan_zoom' })
    ];

    fixmystreet.map_type = OpenLayers.Layer.Google;
    fixmystreet.map_options = {
        zoomDuration: 10
    };

    var road_layer = {}; // Empty object defaults to standard road layer

    function apply_map_styles() {
        var styledMapType = new google.maps.StyledMapType(fixmystreet_google_maps_custom_style);
        this.mapObject.mapTypes.set('styled', styledMapType);
        this.mapObject.setMapTypeId('styled');
    }
    // If you want to apply a custom style to the road map (for example from
    // a service such as snazzymaps.com) then define that style as a top-level
    // variable called fixmystreet_google_maps_custom_style (you might have to
    // override the maps/google-ol.html template to include your own JS file)
    // and it'll automatically be applied.
    if (typeof fixmystreet_google_maps_custom_style !== 'undefined') {
        road_layer = { type: 'styled', eventListeners: { added: apply_map_styles } };
    }

    fixmystreet.layer_options = [
        road_layer,
        { type: google.maps.MapTypeId.HYBRID }
    ];
};