Categorization Map

enter something useful
目前为 2015-08-18 提交的版本。查看最新版本。
换行
// ==UserScript==
// @name       Categorization Map
// @version    0.10
// @description  enter something useful
// @match      https://s3.amazonaws.com/mturk_bulk/hits*
// @require     http://code.jquery.com/jquery-latest.min.js
// @copyright  2014+, Tjololo
// @namespace https://greasyfork.org/users/710
// ==/UserScript==
 
var api = "AIzaSyCZlzXfRd-QhtiVg-FSDue_N4RXNrvSF5E";
 
API_js_callback = "https://maps.google.com/maps/api/js?sensor=false&callback=initialize";
if (api != "")
    API_js_callback += "&key="+api;
 
var script = document.createElement('script');
    script.src = API_js_callback;
    var head = document.getElementsByTagName("head")[0];
    (head || document.body).appendChild(script);
 
var elem = $("p.ng-scope:last").text();
var addy = elem.split(':')[1];
console.log(addy);
var api = "AIzaSyCZlzXfRd-QhtiVg-FSDue_N4RXNrvSF5E";
var zoomlevel = 20;
var googlePrefix = "https://maps.googleapis.com/maps/api/staticmap?markers=size:mid%7Ccolor:red%7C";
var url = googlePrefix + encodeURIComponent(addy.replace(",","")) + "&size=512x512&zoom="+zoomlevel+"&maptype=hybrid&sensor=false";
if (api != "")
    url += "&key="+api;
console.log(url);
var ifrm = document.createElement("img");
ifrm.setAttribute("src", url);
ifrm.setAttribute("id", "map");
ifrm.style.width = 512+"px";
ifrm.style.height = 512+"px";
 
var zoomlvl = document.createElement("div");
zoomlvl.setAttribute("id","zoom_level");
zoomlvl.innerHTML="Zoom: "+zoomlevel;
 
//$("div.span7.ng-scope").append(ifrm);
//$("div.span7.ng-scope").append(zoomlvl);
var DIVmapa = document.createElement('div');
DIVmapa.id = 'DIVmapa';
DIVmapa.style.border = '2px coral solid';
DIVmapa.style.cursor = 'pointer';
DIVmapa.style.display = '';
DIVmapa.style.height = '75%';
DIVmapa.style.margin = '1';
DIVmapa.style.position = 'fixed';
DIVmapa.style.padding = '1';
DIVmapa.style.left = '1%';
DIVmapa.style.bottom = '1%';
DIVmapa.style.width = '30%';
DIVmapa.style.zIndex = '99';
 
var DIVinterna = document.createElement('div');
DIVinterna.id = 'DIVinterna';
DIVinterna.style.height = '100%';
DIVinterna.style.width = '100%';
DIVinterna.style.zIndex = '999';
 
$("div.row").append(DIVmapa);
DIVmapa.appendChild(DIVinterna);
 
$("[id='Completely Shaded']").text("A - Completely Shaded");
$("[id='Mostly Shaded']").text("B - Mostly Shaded");
$("[id='Mostly Not Shaded']").text("C - Mostly not Shaded");
$("[id='Completely NOT Shaded']").text("D - Completely NOT Shaded");
$("[id='House Not Visible']").text("E - House Not Visible");
$("#guidelines").hide();
 
var content = document.getElementById("wrapper");
content.tabIndex = "0";
content.focus();
 
var element = document.getElementById('preview_overlay');
if (element)
    element.parentNode.removeChild(element);
 
initialize = setTimeout(function () {
    google = unsafeWindow.google;
    directionsService = new google.maps.DirectionsService();
    directionsDisplay = new google.maps.DirectionsRenderer();
 
    var PortoAlegre = new google.maps.LatLng(-30.034176,-51.229212);
    var myOptions = {
        zoom: zoomlevel,
        mapTypeId: google.maps.MapTypeId.SATELLITE
    }
 
    var map = new google.maps.Map(document.getElementById("DIVinterna"), myOptions);
    var geocoder = new google.maps.Geocoder();
 
    geocodeAddress(geocoder, map);
    
    function geocodeAddress(geocoder, resultsMap) {
        var address = addy;
        geocoder.geocode({'address': address}, function(results, status) {
            if (status === google.maps.GeocoderStatus.OK) {
                resultsMap.setCenter(results[0].geometry.location);
                var marker = new google.maps.Marker({
                    map: resultsMap,
                    position: results[0].geometry.location
                });
            } else {
                alert('Geocode was not successful for the following reason: ' + status);
            }
        });
    }
}, 500);
 
 
 
 
 
 
    document.onkeydown = showkeycode;
    function showkeycode(evt){
        var keycode = evt.keyCode;
        switch (keycode) {
            case 65: //a
                $("[id='Completely Shaded']").click();
                document.getElementById("mturk_form").submit();
                break;
            case 66: //b
                $("[id='Mostly Shaded']").click();
                document.getElementById("mturk_form").submit();
                break;
            case 67: //c
                $("[id='Mostly Not Shaded']").click();
                document.getElementById("mturk_form").submit();
                break;
            case 68: //d
                $("[id='Completely NOT Shaded']").click();
                document.getElementById("mturk_form").submit();
                break;
            case 69: //e
                $("[id='House Not Visible']").click();
                document.getElementById("mturk_form").submit();
                break;
            case 13: //enter
                document.getElementById("mturk_form").submit();
                break;
            case 107: //+
                zoomlevel += 1;
                url = googlePrefix + encodeURIComponent(addy.replace(",","")) + "&size=512x512&zoom="+zoomlevel+"&maptype=hybrid&sensor=false";
                console.log(url);
                document.getElementById("map").setAttribute("src", url);
                document.getElementById("zoom_level").innerHTML="Zoom: "+zoomlevel;
                break;
            case 187: //+
                zoomlevel += 1;
                url = googlePrefix + encodeURIComponent(addy.replace(",","")) + "&size=512x512&zoom="+zoomlevel+"&maptype=hybrid&sensor=false";
                console.log(url);
                document.getElementById("map").setAttribute("src", url);
                document.getElementById("zoom_level").innerHTML="Zoom: "+zoomlevel;
                break;
            case 109: //+
                zoomlevel -= 1;
                url = googlePrefix + encodeURIComponent(addy.replace(",","")) + "&size=512x512&zoom="+zoomlevel+"&maptype=hybrid&sensor=false";
                console.log(url);
                document.getElementById("map").setAttribute("src", url);
                document.getElementById("zoom_level").innerHTML="Zoom: "+zoomlevel;
                break;
            case 189: //+
                zoomlevel -= 1;
                url = googlePrefix + encodeURIComponent(addy.replace(",","")) + "&size=512x512&zoom="+zoomlevel+"&maptype=hybrid&sensor=false";
                console.log(url);
                document.getElementById("map").setAttribute("src", url);
                document.getElementById("zoom_level").innerHTML="Zoom: "+zoomlevel;
                break;
        }
    }