Permalink
Browse files

added more showcases

  • Loading branch information...
1 parent 436fa21 commit 98c559fb657f9d6708f283b57ba6b0b17db28718 @gka gka committed Feb 27, 2012
View
Binary file not shown.
@@ -0,0 +1,38 @@
+{
+ "proj": {
+ "id": "cea",
+ "lat1": 37.5
+ },
+ "layers": [
+ {
+ "special": "sea"
+ },{
+ "id": "countries",
+ "src": "../shp/naturalearth/50m-admin0-countries/ne_50m_admin_0_countries.shp",
+ "attributes": ["ISO_A3", "ISO_A2"],
+ "join": { "group-by": "SU_A3", "group-as": "iso" },
+ "styles": {
+ "fill": "#edc"
+ },
+ "simplify": 2.3
+ },{
+ "special": "graticule",
+ "latitudes": 10,
+ "longitudes": 10,
+ "styles": {
+ "stroke-width": "0.3px"
+ }
+ },{
+ "special": "graticule",
+ "id": "equator",
+ "latitudes": [0],
+ "styles": {
+ "stroke-width": "1px"
+ }
+ }
+ ],
+ "export": {
+ "width": 940,
+ "round": 0
+ }
+}
View

Large diffs are not rendered by default.

Oops, something went wrong.
View
@@ -0,0 +1,19 @@
+---
+layout: demo
+title: Cylindrical Equal Area Projection
+---
+
+<link rel="stylesheet" href="map.css" type="text/css" />
+<script type="text/javascript" src="map.js"></script>
+
+<div class="row">
+ <div id="map-container">
+ <div id="map"></div>
+ </div>
+</div>
+
+<div class="row">
+ <div class="span4">
+ <h2>Cylindrical Equal Area Projection</h2>
+ </div>
+</div>
View
@@ -0,0 +1,39 @@
+
+#map-container {
+ background: #e99;
+}
+
+#map {
+ margin: 10px;
+ background: #eee;
+ border: 1px solid #004;
+}
+
+#map svg {
+ position: static!important;
+}
+
+#map .sea {
+ stroke: none;
+ fill: #bdf;
+}
+
+#map .sea-outline {
+ stroke-width: 1.4px;
+ fill: none;
+ stroke: #459;
+}
+
+#map .countries {
+ stroke: #644;
+ stroke-width: .5px;
+ fill: #fff;
+}
+
+#map .countries:hover {
+ fill: #e88;
+}
+
+#map .graticule {
+ stroke-width: .2px;
+}
View
@@ -0,0 +1,14 @@
+
+$(function() {
+
+ var map = $K.map('#map');
+
+ map.loadMap('cea-map.svg', function() {
+ map.addLayer('sea', 'sea');
+ map.addLayer('countries');
+ map.addLayer('graticule');
+ map.addLayer('equator');
+ map.addLayer('sea', 'sea-outline');
+ });
+
+});
View
@@ -0,0 +1,17 @@
+---
+layout: demo
+title: Upside Down World Map
+---
+
+<link rel="stylesheet" href="map.css" type="text/css" />
+<script type="text/javascript" src="map.js"></script>
+
+<div class="row">
+ <div id="map"></div>
+</div>
+
+<div class="row">
+ <div class="span4">
+ <h2>Upside Down</h2>
+ </div>
+</div>
@@ -0,0 +1,29 @@
+
+#map {
+ height: 500px;
+}
+
+#map .sea {
+ stroke: none;
+ fill: #bdf;
+}
+
+#map .sea-outline {
+ stroke-width: 1.4px;
+ fill: none;
+ stroke: #459;
+}
+
+#map .countries {
+ stroke: #644;
+ stroke-width: .5px;
+ fill: #fff;
+}
+
+#map .countries:hover {
+ fill: #e88;
+}
+
+#map .graticule {
+ stroke-width: .2px;
+}
View
@@ -0,0 +1,13 @@
+
+$(function() {
+
+ var map = $K.map('#map');
+
+ map.loadMap('upsidedown.svg', function() {
+ map.addLayer('sea');
+ map.addLayer('graticule');
+ map.addLayer('countries');
+ map.addLayer('sea', 'sea-outline');
+ }, { padding:-18 });
+
+});
@@ -0,0 +1,11 @@
+{
+ "proj": {
+ "id": "robinson",
+ "flip": 1
+ },
+ "layers": [{
+ "id": "countries",
+ "src": "../shp/naturalearth/50m-admin0-countries/ne_50m_admin_0_countries.shp",
+ "attributes": ["ISO_A3", "ISO_A2"]
+ }]
+}

Large diffs are not rendered by default.

Oops, something went wrong.

0 comments on commit 98c559f

Please sign in to comment.