Make Stamen example prettier

examples/stamen.html

@@ -35,11 +35,11 @@
 
         <div class="span4">
           <h4 id="title">Stamen example</h4>
-          <p id="shortdesc">Example of a Stamen tile source.</p>
+          <p id="shortdesc">Example of a Stamen tile source.  Two layers are composed: the watercolor base layer with the terrain labels.</p>
           <div id="docs">
             <p>See the <a href="stamen.js" target="_blank">stamen.js source</a> to see how this is done.</p>
           </div>
-          <div id="tags">stamen, watercolor</div>
+          <div id="tags">stamen, watercolor, terrain-labels, two-layers</div>
         </div>
 
       </div>

examples/stamen.js

@@ -3,10 +3,12 @@ goog.require('ol.Map');
 goog.require('ol.RendererHints');
 goog.require('ol.View2D');
 goog.require('ol.layer.TileLayer');
+goog.require('ol.projection');
 goog.require('ol.source.Stamen');
 
 
-var layers = [
+var map = new ol.Map({
+  layers: [
     new ol.layer.TileLayer({
       source: new ol.source.Stamen({
         layer: 'watercolor'
@@ -17,13 +19,12 @@ var layers = [
         layer: 'terrain-labels'
       })
     })
-];
+  ],
-var map = new ol.Map({
-  layers: layers,
   renderers: ol.RendererHints.createFromQueryData(),
   target: 'map',
   view: new ol.View2D({
-    center: new ol.Coordinate(0, 0),
+    center: ol.projection.transformWithCodes(
-    zoom: 3
+        new ol.Coordinate(-122.416667, 37.783333), 'EPSG:4326', 'EPSG:3857'),
+    zoom: 12
   })
 });