Skip to content

Instantly share code, notes, and snippets.

Last active February 8, 2016 23:21
  • 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?
Fancy Markers (No Gradient)
license: gpl-3.0
<!DOCTYPE html>
<script type="text/javascript" src=""></script>
<script type="text/javascript" src=""></script>
<script type="text/javascript" src=""></script>
<style type="text/css">
@import url("");
html, body {
height: 100%;
background: #E6E6E6;
svg {
display: block;
.layer path {
stroke: #fff;
fill: #999;
<script type="text/javascript">
var po = org.polymaps;
var map =
.center({lat: 37.787, lon: -122.228})
.zoomRange([10, 16])
+ "/1a1b06b230af4efdbb989ea99e9841af" //
+ "/998/256/{Z}/{X}/{Y}.png")
.hosts(["a.", "b.", "c.", ""])));
+ "/crime-data"
+ "?count=100"
+ "&format=json"
+ "&bbox={B}"
+ "&dstart=2010-04-01"
+ "&dend=2010-04-01"))
.on("load", load)
/* Post-process the GeoJSON points and replace them with markers! */
function load(e) {
for (var i = 0; i < e.features.length; i++) {
var f = e.features[i],
c = f.element,
g = f.element = po.svg("g");
g.setAttribute("transform", c.getAttribute("transform"));
c.parentNode.replaceChild(g, c);
<span id="copy">
&copy; 2010
<a href="">CloudMade</a>,
<a href="">OpenStreetMap</a> contributors,
<a href="">CCBYSA</a>.
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment