flopp / FloppsMap

  indent: 4

*/

/*global

  $, google, Lines, Markers, Conversion, Cookies, Coordinates, trackMarker, mytrans, showAlert, id2alpha

*/

//var boundariesLayer = null;

//var boundariesLayerShown = false;

var map = null;

var copyrightDiv;

var theMarkers = new Markers();

var CLAT_DEFAULT = 51.163375;

var CLON_DEFAULT = 10.447683;

var ZOOM_DEFAULT = 12;

var MAPTYPE_DEFAULT = "OSM";

var RADIUS_DEFAULT = 0;

function enterEditMode(id) {

    'use strict';

    trackMarker('edit');

    var m = theMarkers.getById(id);

    $('#edit_name' + m.getAlpha()).val(m.getName());

    $('#edit_coordinates' + m.getAlpha()).val(Coordinates.toString(m.getPosition()));

    $('#edit_circle' + m.getAlpha()).val(m.getRadius());

    $('#dynview' + id).hide();

    $('#dynedit' + id).show();

}

function leaveEditMode(id, takenew) {

    'use strict';

    if (takenew) {

        var m = theMarkers.getById(id),

            name = $('#edit_name' + m.getAlpha()).val(),

            name_ok = /^([a-zA-Z0-9-_]*)$/.test(name),

            s_coordinates = $('#edit_coordinates' + m.getAlpha()).val(),

            coordinates = Coordinates.fromString(s_coordinates),

            s_radius = $('#edit_circle' + m.getAlpha()).val(),

            radius = Conversion.getInteger(s_radius, 0, 100000000000),

            errors = [];

        if (!name_ok) {

            errors.push(mytrans("sidebar.markers.error_badname").replace(/%1/, name));

        }

        if (!coordinates) {

            errors.push(mytrans("sidebar.markers.error_badcoordinates").replace(/%1/, s_coordinates));

        }

        if (radius === null) {

            errors.push(mytrans("sidebar.markers.error_badradius").replace(/%1/, s_radius));

        }

        if (errors.length > 0) {

            showAlert(mytrans("dialog.error"), errors.join("<br /><br />"));

        } else {

            m.setNamePositionRadius(name, coordinates, radius);

            $('#dynview' + id).show();

            $('#dynedit' + id).hide();

        }

    } else {

        $('#dynview' + id).show();

        $('#dynedit' + id).hide();

    }

}

function newMarker(coordinates, id, radius, name) {

    'use strict';

    if (radius < 0) {

        radius = RADIUS_DEFAULT;

    }

    if (id < 0 || id >= theMarkers.getSize() || !theMarkers.getById(id).isFree()) {

        id = theMarkers.getFreeId();

    }

    if (id < 0) {

        showAlert(

            mytrans("dialog.error"),

            mytrans("dialog.toomanymarkers_error.content").replace(/%1/, theMarkers.getSize())

        );

        return null;

    }

    var alpha = id2alpha(id),

        marker,

        div,

        nextid;

    if (!name || name === "") {

        name = "marker_" + alpha;

    }

    marker = theMarkers.getById(id);

    marker.initialize(map, name, coordinates, radius);

    div = createMarkerDiv(id);

    nextid = theMarkers.getNextUsedId(id);

    if (nextid < 0) {

        $('#dynMarkerDiv').append(div);

    } else {

        $(div).insertBefore('#dyn' + nextid);

    }

    $('#edit_name' + alpha).keydown(function (e) {

        if (e.which === 27) {

            leaveEditMode(id, false);

        } else if (e.which === 13) {

            leaveEditMode(id, true);

        }

    });

    $('#edit_coordinates' + alpha).keydown(function (e) {

        if (e.which === 27) {

            leaveEditMode(id, false);

        } else if (e.which === 13) {

            leaveEditMode(id, true);

        }

    });

    $('#edit_circle' + alpha).keydown(function (e) {

        if (e.which === 27) {

            leaveEditMode(id, false);

        } else if (e.which === 13) {

            leaveEditMode(id, true);

        }

    });

    $('#btnmarkers2').show();

    $('#btnmarkersdelete1').removeAttr('disabled');

    $('#btnmarkersdelete2').removeAttr('disabled');

    marker.update();

    theMarkers.saveMarkersList();

    Lines.updateLinesMarkerAdded();

    return marker;

}

function projectFromMarker(id) {

    'use strict';

    trackMarker('project');

    var mm = theMarkers.getById(id),

        oldpos = mm.getPosition();

    showProjectionDialog(

        function (data1, data2) {

            var angle = Conversion.getFloat(data1, 0, 360),

                dist = Conversion.getFloat(data2, 0, 100000000000),

                newpos,

                newmarker;

            if (angle === null) {

                showAlert(

                    mytrans("dialog.error"),

                    mytrans("dialog.projection.error_bad_bearing").replace(/%1/, data1)

                );

                return;

            }

            if (dist === null) {

                showAlert(

                    mytrans("dialog.error"),

                    mytrans("dialog.projection.error_bad_distance").replace(/%1/, data2)

                );

                return;

            }

            newpos = Coordinates.projection_geodesic(oldpos, angle, dist);

            newmarker = newMarker(newpos, -1, RADIUS_DEFAULT, null);

            if (newmarker) {

                showAlert(

                    mytrans("dialog.information"),

                    mytrans("dialog.projection.msg_new_marker").replace(/%1/, newmarker.getAlpha())

                );

            }

        }

    );

}

function storeCenter() {

    'use strict';

    var c = map.getCenter();

    Cookies.set('clat', c.lat(), {expires: 30});

    Cookies.set('clon', c.lng(), {expires: 30});

}

function storeZoom() {

    'use strict';

    Cookies.set('zoom', map.getZoom(), {expires: 30});

}

function getFeaturesString() {

    'use strict';

    var s = "";

    //if ($('#boundaries').is(':checked')) { s += "b"; }

    if ($('#geocaches').is(':checked')) { s += "g"; }

    if ($('#hillshading').is(':checked')) { s += "h"; }

    if ($('#npa').is(':checked')) { s += "n"; }

    if ($('#freifunk').is(':checked')) { s += "f"; }

    return s;

}

function getPermalink() {

    'use strict';

    var lat = map.getCenter().lat(),

        lng = map.getCenter().lng();

    return "http://flopp.net/" +

        "?c=" + lat.toFixed(6) + ":" + lng.toFixed(6) +

        "&z=" + map.getZoom() +

        "&t=" + map.getMapTypeId() +

        "&f=" + getFeaturesString() +

        "&m=" + theMarkers.toString() +

        "&d=" + Lines.getLinesText();

}

function generatePermalink() {

    'use strict';

    var link = getPermalink();

    showLinkDialog(link);

}

function updateCopyrights() {

    'use strict';

    var newMapType = map.getMapTypeId(),

        isGoogleMap = true,

        copyright = "";

    Cookies.set('maptype', newMapType, {expires: 30});

    if (newMapType === "OSM" || newMapType === "OSM/DE") {

        isGoogleMap = false;

        copyright = "Map data (C) by <a href=\"http://www.openstreetmap.org/\">OpenStreetMap.org</a> and its contributors; <a href=\"http://opendatacommons.org/licenses/odbl/\">Open Database License</a>";

    } else if (newMapType === "OCM") {

        isGoogleMap = false;

        copyright = "Map data (C) by <a href=\"http://www.openstreetmap.org/\">OpenStreetMap.org</a> and its contributors; <a href=\"http://opendatacommons.org/licenses/odbl/\">Open Database License</a>, tiles (C) by <a href=\"http://opencyclemap.org\">OpenCycleMap.org</a>";

    } else if (newMapType === "OUTD") {

        isGoogleMap = false;

        copyright = "Map data (C) by <a href=\"http://www.openstreetmap.org/\">OpenStreetMap.org</a> and its contributors; <a href=\"http://opendatacommons.org/licenses/odbl/\">Open Database License</a>, tiles (C) by <a href=\"http://www.thunderforest.com/outdoors/\">Thunderforest</a>";

    } else if (newMapType === "TOPO") {

        isGoogleMap = false;

        copyright = "Map data (C) by <a href=\"http://www.openstreetmap.org/\">OpenStreetMap.org</a> and its contributors; <a href=\"http://opendatacommons.org/licenses/odbl/\">Open Database License</a>, height data by SRTM, tiles (C) by <a href=\"http://www.opentopomap.org/\">OpenTopoMap</a>";

    }

    if (copyrightDiv) {

        copyrightDiv.innerHTML = copyright;

    }

    if (isGoogleMap) {

        $(".gmnoprint a, .gmnoprint span, .gm-style-cc").css("display", "block");

        $("a[href*='maps.google.com/maps']").show();

        map.setOptions({streetViewControl: true});

    } else {

        // hide logo for non-g-maps

        $("a[href*='maps.google.com/maps']").hide();

        // hide term-of-use for non-g-maps

        $(".gmnoprint a, .gmnoprint span, .gm-style-cc").css("display", "none");

        map.setOptions({streetViewControl: false});

    }

}

function repairLat(x, d) {

    'use strict';

    if (x === null || isNaN(x) || x < -90 || x > +90) {

        return d;

    }

    return x;

}

function repairLon(x, d) {

    'use strict';

    if (x === null || isNaN(x) || x < -180 || x > +180) {

        return d;

    }

    return x;

}

function repairRadius(x, d) {

    'use strict';

    if (x === null || isNaN(x) || x < 0 || x > 100000000) {

        return d;

    }

    return x;

}

function repairZoom(x, d) {

    'use strict';

    if (x === null || isNaN(x) || x < 1 || x > 20) {

        return d;

    }

    return x;

}

function repairMaptype(t, d) {

    'use strict';

    if (t ===  "OSM" || t ===  "OSM/DE" || t ===  "OCM" || t ===  "OUTD" || t ===  "TOPO" ||

            t ===  "satellite" || t ===  "hybrid" || t ===  "roadmap" || t ===  "terrain") {

        return t;

    }

    return d;

}

function tileUrl(template, servers, coord, zoom) {

    'use strict';

    var limit = Math.pow(2, zoom),

        x = ((coord.x % limit) + limit) % limit,

        y = coord.y,

        s = servers[(Math.abs(x + y)) % servers.length];

    return template.replace(/%s/, s).replace(/%x/, x).replace(/%y/, y).replace(/%z/, zoom);

}

function initialize(xcenter, xzoom, xmap, xfeatures, xmarkers, xlines, xgeocache) {

    'use strict';

    var center = null;

    var zoom = parseInt(xzoom, 10);

    var maptype = xmap;

    // parse markers

    var markerdata = [];

    var markercenter = null;

    {

        var count = 0;

        var clat = 0;

        var clon = 0;

        // ID:COODS:R(:NAME)?|ID:COORDS:R(:NAME)?

        // COORDS=LAT:LON or DEG or DMMM

        var data;

        if (xmarkers.indexOf("*") != -1) {

            data = xmarkers.split('*');

        } else  {

            /*if (xmarkers.indexOf("|") != -1)*/

            data = xmarkers.split('|');

        }

        for (var i = 0; i != data.length; i += 1) {

            var data2 = data[i].split(':');

            var m = new Object();

            m.alpha = data2[0];

            m.id = alpha2id(m.alpha);

            m.name = null;

            var index = 1;

            var lat = parseFloat(data2[index]);

            var lon = parseFloat(data2[index+1]);

            if (lat != null && lon != null && -90 <= lat && lat <= 90 && -180 <= lon && lon <= 180) {

                index = index + 2;

                m.coords = new google.maps.LatLng(lat, lon);

            } else {

                m.coords = Coordinates.fromString(data2[index]);

                index = index + 1;

            }

            var circle = parseFloat(data2[index]);

            m.r = circle;

            index = index + 1;

            if (index < data2.length) {

                if (/^([a-zA-Z0-9-_]*)$/.test(data2[index])) {

                    m.name = data2[index];

                }

            }

            count += 1;

            clat += m.coords.lat();

            clon += m.coords.lng();

            markerdata.push(m);

        }

        if (count != 0) {

            markercenter = new google.maps.LatLng(clat / count, clon / count);

        }

    }

    var loadfromcookies = false;

    if (xcenter != null && xcenter != '') {

        if (data.length == 1) {

            center = Coordinates.fromString(xcenter);

        } else {

            if (lat >= -90 && lat <= 90 && lon >= -180 && lon <= 180) {

                center = new google.maps.LatLng(lat, lon);

            }

        }

    } else if (markercenter != null) {

        center = markercenter;

    } else {

        loadfromcookies = true;

        /* try to read coordinats from cookie */

        clat = get_cookie_float('clat', CLAT_DEFAULT);

        clon = get_cookie_float('clon', CLON_DEFAULT);

        if (clat == CLAT_DEFAULT && clon == CLON_DEFAULT) {

            atDefaultCenter = true;

        }

        clat = repairLat(clat, CLAT_DEFAULT);

        clon = repairLon(clon, CLON_DEFAULT);

        center = new google.maps.LatLng(clat, clon);

        zoom = get_cookie_int('zoom', ZOOM_DEFAULT);

        maptype = get_cookie_string('maptype', MAPTYPE_DEFAULT);

    }

    if (center == null) {

        center = new google.maps.LatLng(CLAT_DEFAULT, CLON_DEFAULT);

        atDefaultCenter = true;

    }

    zoom = repairZoom(zoom, ZOOM_DEFAULT);

    maptype = repairMaptype(maptype, MAPTYPE_DEFAULT);

    var myOptions = {

        zoom: zoom,

        center: center,

        scaleControl: true,

        streetViewControl: false,

        mapTypeControlOptions: { mapTypeIds: ['OSM', 'OSM/DE', 'OCM', 'OUTD', 'TOPO', google.maps.MapTypeId.ROADMAP, google.maps.MapTypeId.SATELLITE, google.maps.MapTypeId.HYBRID, google.maps.MapTypeId.TERRAIN] },

        mapTypeId: google.maps.MapTypeId.ROADMAP };

    map = new google.maps.Map(document.getElementById("themap"), myOptions);

    var osm_type = new google.maps.ImageMapType({

        getTileUrl: function(coord, zoom) {

            return tileUrl("http://%s.tile.openstreetmap.org/%z/%x/%y.png", ["a","b","c"], coord, zoom);

        },

        tileSize: new google.maps.Size(256, 256),

        name: "OSM",

        alt: "OpenStreetMap",

        maxZoom: 18 });

    var osmde_type = new google.maps.ImageMapType({

        getTileUrl: function(coord, zoom) {

            return tileUrl("http://%s.tile.openstreetmap.de/tiles/osmde/%z/%x/%y.png", ["a","b","c"], coord, zoom);

        },

        tileSize: new google.maps.Size(256, 256),

        name: "OSM/DE",

        alt: "OpenStreetMap (german style)",

        maxZoom: 18 });

    var ocm_type = new google.maps.ImageMapType({

        getTileUrl: function(coord, zoom) {

            return tileUrl("http://%s.tile.opencyclemap.org/cycle/%z/%x/%y.png", ["a","b","c"], coord, zoom);

        },

        tileSize: new google.maps.Size(256, 256),

        name: "OCM",

        alt: "OpenCycleMap",

        maxZoom: 17 });

    var outdoors_type = new google.maps.ImageMapType({

        getTileUrl: function(coord, zoom) {

            return tileUrl("http://%s.tile.thunderforest.com/outdoors/%z/%x/%y.png", ["a","b","c"], coord, zoom);

        },

        tileSize: new google.maps.Size(256, 256),

        name: "OUTD",

        alt: "Thunderforest Outdoors",

        maxZoom: 18 });

    var topomap_type = new google.maps.ImageMapType({

        getTileUrl: function(coord, zoom) {

            return tileUrl("https://%s.tile.opentopomap.org/%z/%x/%y.png", ["a","b","c"], coord, zoom);

        },

        tileSize: new google.maps.Size(256, 256),

        name: "TOPO",

        alt: "OpenTopoMap",

        maxZoom: 15 });

    map.mapTypes.set("OSM", osm_type);

    map.mapTypes.set("OSM/DE", osmde_type);

    map.mapTypes.set("OCM", ocm_type);

    map.mapTypes.set("OUTD", outdoors_type);

    map.mapTypes.set("TOPO", topomap_type);

    map.setMapTypeId(maptype);

    Lines.init(map);

    //boundariesLayer = new google.maps.ImageMapType({

    //  getTileUrl: function(coord, zoom) {

    //    if (6 <= zoom && zoom <= 16)

    //    {

    //      return tileUrl("http://korona.geog.uni-heidelberg.de/tiles/adminb/?x=%x&y=%y&z=%z", ["dummy"], coord, zoom);

    //    }

    //    else

    //    {

    //      return null;

    //    }

    //  },

    //  tileSize: new google.maps.Size(256, 256),

    //  name: "adminb",

    //  alt: "Administrative Boundaries",

    //  maxZoom: 16 });

    // Create div for showing copyrights.

    copyrightDiv = document.createElement("div");

    copyrightDiv.id = "map-copyright";

    copyrightDiv.style.fontSize = "11px";

    copyrightDiv.style.fontFamily = "Arial, sans-serif";

    copyrightDiv.style.margin = "0 2px 2px 0";

    copyrightDiv.style.whiteSpace = "nowrap";

    copyrightDiv.style.background = "#FFFFFF";

    map.controls[google.maps.ControlPosition.BOTTOM_RIGHT].push(copyrightDiv);

    map.setCenter(center, zoom);

    google.maps.event.addListener(map, "center_changed", function() { storeZoom(); storeCenter(); okapi_schedule_load_caches(); });

    google.maps.event.addListener(map, "zoom_changed", function() { storeZoom(); storeCenter(); okapi_schedule_load_caches(); });

    google.maps.event.addListener(map, "maptypeid_changed", function(){ updateCopyrights()});

    if (loadfromcookies) {

        var raw_ids = Cookies.get('markers');

        if (raw_ids != undefined) {

            var ids = raw_ids.split(':');

                var id = parseInt(ids[i], 10);

                var raw_data = Cookies.get('marker' + id);

                var r = parseFloat(data[2]);

                var name = null;

                if (data.length == 4) {

                    if (/^([a-zA-Z0-9-_]*)$/.test(data[3])) {

                        name = data[3];

                    }

                }

                newMarker(new google.maps.LatLng(lat, lon), id, r, name);

            }

        }

        var raw_lines = Cookies.get('lines');

        if (raw_lines != undefined) {

            var linesarray = raw_lines.split('*');

                var line = linesarray[i].split(':');

                var id1 = alpha2id(line[0]);

                if (id1 != -1 && theMarkers.getById(id1).isFree()) {

                    id1 = -1;

                }

                var id2 = alpha2id(line[1]);

                if (id2 != -1 && theMarkers.getById(id2).isFree()) {

                    id2 = -1;

                }

                Lines.newLine(id1, id2);

            }

        }

    } else {

            newMarker(markerdata[i].coords, markerdata[i].id, markerdata[i].r, markerdata[i].name);

        }

        if (raw_lines != null) {

            /* be backwards compatible */

            if (raw_lines.length == 3

                && raw_lines[0] >= 'A' && raw_lines[0] <= 'Z'

                && raw_lines[1] == '*'

                && raw_lines[2] >= 'A' && raw_lines[2] <= 'Z') {

                    raw_lines = raw_lines[0] + ':' + raw_lines[2];

            }

                if (id1 != -1 && theMarkers.getById(id1).isFree()) {

                    id1 = -1;

                }

                if (id2 != -1 && theMarkers.getById(id2).isFree()) {

                    id2 = -1;

                }

                Lines.newLine(id1, id2);

            }

        }

    }

    if (xfeatures == '[default]') {

        //restoreBoundaries(false);

        restoreGeocaches(false);