Skip to content

Instantly share code, notes, and snippets.

View jieter's full-sized avatar

Jan Pieter Waagmeester jieter

View GitHub Profile
@jieter
jieter / index.html
Created August 8, 2013 19:52
via:geojson.io
<!DOCTYPE html>
<html>
<head>
<meta name='viewport' content='width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no' />
<style>
body { margin:0; padding:0; }
#map { position:absolute; top:0; bottom:0; width:100%; }
.marker-properties {
border-collapse:collapse;
@jieter
jieter / map.geojson
Created August 27, 2013 15:27
via:geojson.io
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
@jieter
jieter / .jshintrc
Last active December 26, 2015 20:59
jshinting for Leaflet specs
{
// environment
"browser": true,
"node": false,
"strict": false, // turn off strict warnings for now.
"globals": {
"L": true,
@jieter
jieter / index.html
Last active January 10, 2023 18:58
Leaflet.Markercluster + leaflet-image
<!DOCTYPE html>
<html>
<head>
<title>Leaflet debug page</title>
<link rel="stylesheet" href="http://cdn.leafletjs.com/leaflet-0.6.4/leaflet.css" />
<script src="http://cdn.leafletjs.com/leaflet-0.6.4/leaflet-src.js"></script>
<html>
<head>
<style>
.center, .inner {
min-height: 400px;
}
.center{
margin: 0px auto;
width: 400px;
border: 1px solid red;
<html>
<head>
<style>
* {
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
h1 {
width: 404px;
<html>
<head>
<title>Test</title>
<script type="text/javascript" src="http://maps.google.com/maps/api/js?libraries=geometry&amp;sensor=false"></script>
<style type="text/css">
#map {width:670px; height:600px;}
</style>
<script type='text/javascript'>
function initialize() {
var center = new google.maps.LatLng(51.42162000000001, -2.69789999999999);
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<link rel="stylesheet" href="http://openlayers.org/dev/theme/default/style.css" type="text/css">
<link rel="stylesheet" href="http://openlayers.org/dev/examples/style.css" type="text/css">
<script src="http://openlayers.org/dev/OpenLayers.js"></script>
/*
* L.PolylineUtil contains utilify functions for polylines, two methods
* are added to the L.Polyline object to support creation of polylines
* from an encoded string and converting existing polylines to an
* encoded string.
*
* - L.Polyline.fromEncoded(encoded [, options]) returns a L.Polyline
* - L.Polyline.encodePath() returns a string
*
* Actual code from:
/*
* L.PolylineUtil contains utilify functions for polylines, two methods
* are added to the L.Polyline object to support creation of polylines
* from an encoded string and converting existing polylines to an
* encoded string.
*
* - L.Polyline.fromEncoded(encoded [, options]) returns a L.Polyline
* - L.Polyline.encodePath() returns a string
*
* Actual code from: