Skip to content

Instantly share code, notes, and snippets.

View PiotrKrosniak's full-sized avatar
🏠
Working from home

Peter Kross PiotrKrosniak

🏠
Working from home
View GitHub Profile
We can make this file beautiful and searchable if this error is corrected: No commas found in this CSV file in line 0.
CountryCode RegionCode RegionName
AFG SAS South Asia
ALB ECS Europe & Central Asia (all income levels)
DZA MEA Middle East & North Africa (all income levels)
AGO SSF Sub-Saharan Africa (all income levels)
ARG LCN Latin America & Caribbean (all income levels)
ARM ECS Europe & Central Asia (all income levels)
ABW LCN Latin America & Caribbean (all income levels)
AUS EAS East Asia & Pacific (all income levels)
AUT ECS Europe & Central Asia (all income levels)
<script type="text/javascript"
src="http://maps.google.com/maps/api/js?&sensor=false"></script>
<link rel="stylesheet" href="http://cartodb.github.io/odyssey.js/sandbox/css/slides.css">
<script type="text/javascript">
<script type="text/javascript" src="//cdnjs.cloudflare.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script>
</script></head>
<body onload="initialize();">
@PiotrKrosniak
PiotrKrosniak / map_swipe.html
Last active September 3, 2020 14:07
Google Maps Swipe Tool for compare two maps from Fusion table piotrgisworks.blogspot.com
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="A layout example that shows off a responsive pricing table.">
<title>Google Map Swipe Effect | Tutorial on piotrgisworks.blogpot.com</title>
<script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=false"></script>
<script type='text/javascript' src='http://code.jquery.com/jquery-1.4.4.min.js'></script>
<link rel="stylesheet" href="http://yui.yahooapis.com/pure/0.3.0/pure-min.css">
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
<title> - jsBin demo</title>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
</head>
<!DOCTYPE html>
<html>
<head>
<meta name="viewport" content="initial-scale=1.0, user-scalable=no">
<meta charset="UTF-8">
<title>Fusion Tables Layer Example: Dynamic Info Windows</title>
<script type="text/javascript"
src="http://maps.google.com/maps/api/js?sensor=false"></script>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
//Those two scripts below You should host on your server
<script src="http://serwer1478551.home.pl/hellobags/bef-after-script/jquery.imageReveal.js"></script>
<script src="http://serwer1478551.home.pl/hellobags/bef-after-script/jquery.imageReveal.css"></script>
<div id="demo" class="imageReveal">
<img src="XXXXimages/1-before.jpg-XXXX" title="Before"> //first photo change to your location
<img src="XXXX-images/1-after.jpg-XXXX" title="After"> //second photo change location !
</div>
//and second paste options script inside your blog post
<script>
$(window).load(function() {
$('#demo').imageReveal({
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
<title>jQuery Slider Fusion Table and Google Maps</title>
<script type='text/javascript' src='https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js'></script>
<script type="text/javascript" src="http://code.jquery.com/ui/1.8.18/jquery-ui.min.js"></script>
<script type='text/javascript' src="http://maps.google.com/maps/api/js?sensor=false&dummy=.js"></script>
<style type='text/css'>
#map-canvas { width:80%; height: 440px;