Skip to content

Instantly share code, notes, and snippets.

Last active February 8, 2016 22:54
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
Star You must be signed in to star a gist
What would you like to do?
Pale Dawn
license: gpl-3.0

The “Pale Dawn” tileset has a calm, restrained style designed to work well with lots of data points. It’s less about the geographical information as such, and more about providing a suitable background to foreground information.

This map is constructed using a single image layer of CloudMade tiles. The tiles are in spherical mercator coordinates, and the map has standard interaction controls, so this basic example is a useful starting point for customization. Register a developer account with CloudMade for your own API key.

<!DOCTYPE html>
<script type="text/javascript" src=""></script>
<style type="text/css">
@import url("");
html, body {
height: 100%;
svg {
display: block;
<body id="map">
<script type="text/javascript">
var po = org.polymaps;
var map =
+ "/1a1b06b230af4efdbb989ea99e9841af" //
+ "/998/256/{Z}/{X}/{Y}.png")
.hosts(["a.", "b.", "c.", ""])));
<span id="copy">
&copy; 2010
<a href="">CloudMade</a>,
<a href="">OpenStreetMap</a> contributors,
<a href="">CCBYSA</a>.
Copy link

mctuva commented Sep 8, 2015

Doesn't work in Chrome (Version 45.0.2454.85 m (64-bit)) or IE (Version 11.0.9600.17207) on Windows 7.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment