title: Rotating map using openlayer3 is not working
body: <p>I am looking for a way to rotate the map which does not contain tile in google map api.
  Can i use openlayer3 to do this if yes why the sample demonstrated is not working for the below example</p>
  
  <pre><code>&lt;!DOCTYPE html&gt;
  &lt;html&gt;
  &lt;head&gt;
      &lt;title&gt;Rotation example&lt;/title&gt;
      &lt;script src="https://code.jquery.com/jquery-1.11.2.min.js"&gt;&lt;/script&gt;
      &lt;link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css"&gt;
      &lt;script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"&gt;&lt;/script&gt;
      &lt;link rel="stylesheet" href="http://openlayers.org/en/v3.11.2/css/ol.css" type="text/css"&gt;
      &lt;script src="http://openlayers.org/en/v3.11.2/build/ol.js"&gt;&lt;/script&gt;
  
  &lt;/head&gt;
  &lt;body&gt;
  &lt;div class="container-fluid"&gt;
  
      &lt;div class="row-fluid"&gt;
          &lt;div class="span12"&gt;
              &lt;div id="map" class="map"&gt;&lt;/div&gt;
          &lt;/div&gt;
      &lt;/div&gt;
  
  &lt;/div&gt;
  &lt;script&gt;
      var map = new ol.Map({
          layers: [
              new ol.layer.Tile({
                  source: new ol.source.OSM()
              })
          ],
          target: 'map',
          controls: ol.control.defaults({
              attributionOptions: /** @type {olx.control.AttributionOptions} */ ({
                  collapsible: false
              })
          }),
          view: new ol.View({
              center: [1.353199,103.986908],
              rotation: Math.PI / 6,
              zoom: 10
          })
      });
  
  &lt;/script&gt;
  &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  
  <p>what i am doing wrong here why the map itself is not display i am very new to this please say where i am going wrong</p>