Map Linker GoogleMaps

Link Google with other maps

You will need to install an extension such as Tampermonkey, Greasemonkey or Violentmonkey to install this script.

You will need to install an extension such as Tampermonkey to install this script.

You will need to install an extension such as Tampermonkey or Violentmonkey to install this script.

You will need to install an extension such as Tampermonkey or Userscripts to install this script.

You will need to install an extension such as Tampermonkey to install this script.

You will need to install a user script manager extension to install this script.

(I already have a user script manager, let me install it!)

You will need to install an extension such as Stylus to install this style.

You will need to install an extension such as Stylus to install this style.

You will need to install an extension such as Stylus to install this style.

You will need to install a user style manager extension to install this style.

You will need to install a user style manager extension to install this style.

You will need to install a user style manager extension to install this style.

(I already have a user style manager, let me install it!)

// ==UserScript==
// @name            Map Linker GoogleMaps
// @description     Link Google with other maps
// @namespace       1d196b78-800f-45a5-8c34-bfcf2f652eb4
// @version         0.2

// @match			https://maps.google.se/maps*
// @match			https://www.google.se/maps/*
// @match			https://www.google.com/maps/*

// @require         http://ajax.googleapis.com/ajax/libs/jquery/1.10.1/jquery.min.js
// @require         https://greasyfork.org/scripts/17293-alert/code/$alert.js?version=109035
// @require https://greasyfork.org/scripts/9160-my-function-library/code/My%20Function%20library.js?version=168434


// @grant           GM_getValue
// @grant           GM_setValue
// @grant           GM_deleteValue
// @grant           GM_xmlhttpRequest
// @grant			GM_getResourceURL


// @resource		Terraserver 	https://yt3.ggpht.com/-jiYzuprSqZQ/AAAAAAAAAAI/AAAAAAAAAAA/X0J7cmuseqU/s100-c-k-no-mo-rj-c0xffffff/photo.jpg
// @resource		Wikimapia 		http://monkeyscript.4all.nu/shareResorces/images/wikimapia.org_favicon.ico
// @resource		Panoramio 		http://monkeyscript.4all.nu/shareResorces/images/panoramio.com.webp
// @resource		Hitta 			http://monkeyscript.4all.nu/shareResorces/images/hitta.se_favicon.ico
// @resource		Eniro 			http://monkeyscript.4all.nu/shareResorces/images/eniro.com_favicon.ico
// @resource		zoomEarth 		http://monkeyscript.4all.nu/shareResorces/images/zoom.earth_globe-search-find-64.png
// @resource		Wiwosm 			http://monkeyscript.4all.nu/shareResorces/images/Wiwosm_Tool_Labs_logo_thumb.png
// @resource		Hitchwiki 		http://hitchwiki.org/maps/static/gfx/mobile/app_icons-screens/icon_57x57.png
// @resource		Bing 			https://www.bing.com/sa/simg/bing_p_rr_teal_min.ico
// @resource		Flickr 			https://s.yimg.com/pw/favicon.ico
// @resource		Wikimap 		http://wiki-map.com/favicon.ico
// @resource		Geonames 		http://www.geonames.org/img/globe.gif
// @resource		yandex 			https://yandex.com/maps/favicon.png
// @resource		Openstreetmap 	https://upload.wikimedia.org/wikipedia/commons/b/b0/Openstreetmap_logo.svg

// @created         2015-03-06
// @released        2015-00-00
// @updated         2015-00-00

// @history         @version 0.25 - Alpha version: @released - 2015-03-12
// @history         @version 0.45 - Beta version: @released - 2015-03-17
// @history         @version 0.5 - RC version: @released - 2016-02-21

// @compatible      Greasemonkey, Tampermonkey
// @license         GNU GPL v3 (http://www.gnu.org/copyleft/gpl.html)
// @copyright       2015+, Magnus Fohlström
// ==/UserScript==

/*global $, jQuery*/
/*jshint -W014, -W030, -W082*/
// -W014, laxbreak, Bad line breaking before '+'
// -W030, Expected assignment or function call instead saw an expression



(function() {
	var returnThis,
		css = {
			button      : function(){
				return ''
					+	'#mapsHolder {'
					+		'position:absolute;'
					+		'right:150px;'
					+		'padding-top: 12px;'
					+		'height: 18px;'
					+		'background-color: rgba(83, 94, 72, 0.72);'
					+		'}'
					+	'#mapsHolder button {'
					+		'margin:-21px 6px;'
					+		'width:24px;'
					+		'height:24px;'
					+		'}'
					+	'.buttonPanoramio {'
					+		'position: relative;'
					+		'top: 13px;'
					+		'left: 11px;'
					+		'width: 52px !important;'
					+		'height: 40px !important;'
					+		'}'
					+	'#mapsHolder button img {'
					+		'width:100%;'
					+		'height:100%;'
					+		'}';
			},
			style  		: function( id, var1, var2 ){
				var $id = $( 'head #' + id ), cssID = css[ id ]( var1, var2 ).formatString();
				$id.length ? $id.html( cssID ) : $( $( '<style/>',{ id: id, class:'mySuperStyles', html: cssID } ) ).appendTo('head');
			}
		},
		html = {
			coordinates : null,
			positions   : {
				Panoramio : function(){
					var returnThis;
					returnThis = 'http://www.panoramio.com/map/#lt=' + html.coordinates[0] + '&ln=' + html.coordinates[1] + '&z=1&k=2&a=1&tab=1&pl=all';
					return returnThis;
				},
				Wikimapia : function(){
					returnThis = 'http://wikimapia.org/#lang=en&lat=' + html.coordinates[0] + '&lon=' + html.coordinates[1] + '&z=18&m=b';
					return returnThis;
				},
				Hitta : function(){
					returnThis = 'https://www.hitta.se/kartan!~' + html.coordinates[0] + ',' + html.coordinates[1] + ',17z/tileLayer!l=1/';
					return returnThis;
				},
				Eniro : function(){
					returnThis = 'http://kartor.eniro.se/m/U6JNo?zoom=19&center=' + html.coordinates[0] + ',' + html.coordinates[1] + '&layer=aerial';
					return returnThis;
				},
				zoomEarth : function(){
					returnThis = 'https://zoom.earth/#' + html.coordinates[0] + ',' + html.coordinates[1] + ',18z,sat';
					return returnThis;
				},
				Wiwosm : function(){
					returnThis = 'https://tools.wmflabs.org/wiwosm/osm-on-ol/commons-on-osm.php?zoom=18&lat=' + html.coordinates[0] + '&lon=' + html.coordinates[1];
					return returnThis;
				},
				Bing : function(){
					returnThis = 'https://www.bing.com/mapspreview?FORM=EXIPRV&signedup=1&cp=' + html.coordinates[0] + '~' + html.coordinates[1] + '&style=a&lvl=18';
					return returnThis;
				},
				Flickr : function(){
					returnThis = 'https://www.flickr.com/map?&fLat=' + html.coordinates[0] + '&fLon=' + html.coordinates[1] + '&zl=17';
					return returnThis;
				},
				Hitchwiki : function(){
					returnThis = 'http://hitchwiki.org/maps/?zoom=18&lat=' + html.coordinates[0] + '&lon=' + html.coordinates[1];
					return returnThis;
				},
				Wikimap : function(){
					returnThis = ('http://wiki-map.com/map/?locale=sv&lat=' + html.coordinates[0] + '&lng=' + html.coordinates[1]);
					return returnThis;
				},
				Geonames : function(){
					returnThis = 'http://www.geonames.org/maps/google_' + html.coordinates[0] + '_' + html.coordinates[1] + '.html';
					return returnThis;
				},
				yandex : function(){
					returnThis = 'https://yandex.com/maps/?ll=' + html.coordinates[1] + '%2C' + html.coordinates[0] + '&z=17&l=sat';
					return returnThis;
				},
				Openstreetmap : function(){
					returnThis = 'https://www.openstreetmap.org/?mlat=' + html.coordinates[0] + '&mlon=' + html.coordinates[1] + '&zoom=20#map=15/' + html.coordinates[0] + '/' + html.coordinates[1];
					return returnThis;
				},
				Terraserver : function(){
					returnThis = 'https://www.terraserver.com/view?utf8=%E2%9C%93&searchLat=' + html.coordinates[0] + '&searchLng=' + html.coordinates[1];
					return returnThis;
				}
			},
			dataArray   : function(){
				return [
					{ on:0, order:10, button:'Panoramio',   image:'',//GM_getResourceURL('Panoramio'), //'http://monkeyscript.4all.nu/shareResorces/images/panoramio.com.webp',
					 //'https://lh5.ggpht.com/iX6z62XBBt1b2T0fWnt9EupX1e6yFoUnYwO60z702xIp3-VlJquqYBOSay7aKhd5wbQ=w300-rw',//'https://ssl.panoramio.com/img/favicon.ico'
					 position: '' // 'http://www.panoramio.com/map/#lt=' + html.coordinates[0] + '&ln=' + html.coordinates[1] + '&z=1&k=2&a=1&tab=1&pl=all'
					},
					{ on:1, order:20, button:'Wikimapia',   image:'', //GM_getResourceURL('Wikimapia'), //'http://monkeyscript.4all.nu/shareResorces/images/wikimapia.org_favicon.ico',
					 //'http://wikimapia.org/favicon.ico?650',
					 position: '' // 'http://wikimapia.org/#lang=en&lat=' + html.coordinates[0] + '&lon=' + html.coordinates[1] + '&z=18&m=b'
					},
					{ on:1, order:80, button:'Hitta',       image:'', //GM_getResourceURL('Hitta'), //'http://monkeyscript.4all.nu/shareResorces/images/hitta.se_favicon.ico',
					 //https://www.hitta.se/static/img/favicons/favicon.ico
					 position: '' // 'https://www.hitta.se/kartan!~' + html.coordinates[0] + ',' + html.coordinates[1] + ',17z/tileLayer!l=1/'
					},
					{ on:1, order:90, button:'Eniro',       image:'', //GM_getResourceURL('Eniro'), //'http://monkeyscript.4all.nu/shareResorces/images/eniro.com_favicon.ico',
					 //'http://static.eniro.com/img/profiles/se/favicon.ico',
					 position: //'http://kartor.eniro.se/m/U6JNo?embed=true&center=' + html.coordinates[0] + ',' + html.coordinates[1] + '&zoom=18&layer=aerial'
					 '' // 'http://kartor.eniro.se/m/U6JNo?zoom=19&center=' + html.coordinates[0] + ',' + html.coordinates[1] + '&layer=aerial'
					},
					{ on:1, order:30, button:'zoomEarth',   image:'', //GM_getResourceURL('zoomEarth'), //'http://monkeyscript.4all.nu/shareResorces/images/zoom.earth_globe-search-find-64.png',
					 //'https://cdn3.iconfinder.com/data/icons/glypho-travel/64/globe-search-find-64.png',
					 position: '' // 'https://zoom.earth/#' + html.coordinates[0] + ',' + html.coordinates[1] + ',18z,sat'
					},
					{ on:1, order:72, button:'Wiwosm',      image:'', //GM_getResourceURL('Wiwosm'), //'http://monkeyscript.4all.nu/shareResorces/images/Wiwosm_Tool_Labs_logo_thumb.png',
					 //'https://tools.wmflabs.org/Tool_Labs_logo_thumb.png',
					 position: '' // 'https://tools.wmflabs.org/wiwosm/osm-on-ol/commons-on-osm.php?zoom=18&lat=' + html.coordinates[0] + '&lon=' + html.coordinates[1]
					},
					{ on:1, order:40, button:'Bing',        image:'', //GM_getResourceURL('Bing'), //'https://www.bing.com/sa/simg/bing_p_rr_teal_min.ico',
					 position: '' // 'https://www.bing.com/mapspreview?FORM=EXIPRV&signedup=1&cp=' + html.coordinates[0] + '~' + html.coordinates[1] + '&style=a&lvl=18'
					},
					{ on:1, order:120, button:'Flickr',     image:'', //GM_getResourceURL('Flickr'), //'https://s.yimg.com/pw/favicon.ico',
					 position: '' // 'https://www.flickr.com/map?&fLat=' + html.coordinates[0] + '&fLon=' + html.coordinates[1] + '&zl=17'
					},
					{ on:1, order:100, button:'Hitchwiki',  image:'', //GM_getResourceURL('Hitchwiki'), //'http://hitchwiki.org/maps/static/gfx/mobile/app_icons-screens/icon_57x57.png',
					 position: '' // 'http://hitchwiki.org/maps/?zoom=18&lat=' + html.coordinates[0] + '&lon=' + html.coordinates[1]
					},
					{ on:1, order:50, button:'Wikimap',     image:'', //GM_getResourceURL('Wikimap'), //'http://wiki-map.com/favicon.ico',
					 position: '' // 'http://wiki-map.com/map/?locale=sv&lat=' + html.coordinates[0] + '&lng=' + html.coordinates[1]
					},
					{ on:1, order:70, button:'Geonames',    image:'', //GM_getResourceURL('Geonames'), //'http://www.geonames.org/img/globe.gif',
					 position: '' // 'http://www.geonames.org/maps/google_' + html.coordinates[0] + '_' + html.coordinates[1] + '.html'
					},
					{ on:1, order:110, button:'yandex',     image:'', //GM_getResourceURL('yandex'), //'https://yandex.com/maps/favicon.png',
					 position: '' // 'https://yandex.com/maps/?ll=' + html.coordinates[1] + '%2C' + html.coordinates[0] + '&z=17&l=sat'
					},
					{ on:1, order:60, button:'Openstreetmap', image:'', //GM_getResourceURL('Openstreetmap'), //'https://upload.wikimedia.org/wikipedia/commons/b/b0/Openstreetmap_logo.svg',
					 position: '' // 'https://www.openstreetmap.org/?mlat=' + html.coordinates[0] + '&mlon=' + html.coordinates[1] + '&zoom=20#map=15/' + html.coordinates[0] + '/' + html.coordinates[1]
					},
					{ on:1, order:55, button:'Terraserver', image:'',
					 position: ''
					},
					{ on:0, order:140, button:'', image:'',
					 position: ''
					},
					{ on:0, order:150, button:'', image:'',
					 position: ''
					},
					{ on:0, order:160, button:'', image:'',
					 position: ''
					}
				];
			},
			thisURL     : function(){
				return location.href.split('@').pop().split(',');
			},
			mapsHolder  : null,
			button      : function( map ){
				return '<button aria-label="Go to '+ map.button +'" oncontextmenu="return false;" class="widget-expand-button-pegman-background grab-cursor button'+ map.button + '" > '
					+		'<div class="'+ map.button +'Wrapper mapButtonIcon" >'
					+		    '<a target="_blank" href="'+ this.positions[ map.button ]() + '" class="'+ map.button +'Url" data-map="'+ map.button +'" title="Go to '+ map.button +'">'
					+               '<img src="'+ ( map.image.length > 5 ? map.image : GM_getResourceURL( map.button ) ) +'"></a></div></button>';
			},
			render      : function( source ){
				c.l('renderSource', source );

				if( $('#mapsHolder').length )
					return false;
				else
					this.mapsHolder = $( '<div/>',{ id:'mapsHolder' });

				this.coordinates = this.thisURL();

				var that = this;
				$.each( that.dataArray().sort( sortBy( 'order' ) ), function( i, map ){
					map.on && ( 
						that.mapsHolder.find('.'+ map.button +'Wrapper').length || $( that.button( map ) ).appendTo( that.mapsHolder ) 
					);
				});
				this.mapsHolder.prependTo( $('.app-horizontal-widget-holder') );

				css.style('button');
				listener.button();
			}
		},
		listener = {
			button: function(){
				$( document ).on('mousedown mouseover', '.mapButtonIcon a img', function(e){
					var $p;
					timer.ms === 0 && this == e.target && (
						timer.set( 156 ),
						html.coordinates = html.thisURL(),
						$p = $( this ).parent(),
						//    c.i('listener button ' + $p.data('map'), e.type ),
						$p.attr('href', html.positions[ $p.data('map') ]() ) // html.dataArray().findArrayObj( 'button', $p.data('map') ).position )
					);
				});
			}
		},
		googleMaps_observer = new MutationObserver( function( mutations /*, observer */) {
			mutations.forEach( function( mutation ) {
				var newNodes = mutation.addedNodes;
				newNodes !== null && $( newNodes ).each( function( i, e ){
					var $e = $(e);
					( $e.hasClass( 'widget-expand-button-pegman' ) || $e.hasClass( '.app-horizontal-widget-holder' ) ) && html.mapsHolder === null && html.render( 'observer' );
				});
			});
		});

	googleMaps_observer.observe( document, { subtree: true, childList: true });
	
	c.l('Map Linker GoogleMaps');
	
	function loadLinkBar(){
		var barCheck = setInterval(function(e){
			$('#mapsHolder').length ? clearInterval( barCheck ) : html.render( 'load' );
		}, 64);
		listener.button();
	}
	
	$( document ).ready(function(e) {
		loadLinkBar();
	});

	$( window ).on('load', function(e) {
		loadLinkBar();
	});
})();