<!doctype html>
<html>
<head>
  <meta charset="utf-8">
  <title>Jasmine Spec Runner</title>
<% css.forEach(function(style){ %>
  <link rel="stylesheet" type="text/css" href="<%= style %>">
<% }) %>
<% with (scripts) { %>
  <% [].concat(polyfills, jasmine, boot, vendor, helpers, src, specs, reporters).forEach(function(script){ %>
  <script src="<%= script %>"></script>
  <% }) %>
<% }; %>
</head>
<body>

  <h3>Basic map</h3>
  <div class="map" id="basic-map"></div>
  <h3>Advanced map</h3>
  <div class="map" id="advanced-map"></div>
  <h3>Map with events</h3>
  <div class="map" id="map-with-events"></div>
  <h3>Map with markers</h3>
  <div class="map" id="map-with-markers"></div>
  <h3>Map with custom controls</h3>
  <div class="map" id="map-with-custom-controls"></div>
  <h3>Map with polygons</h3>
  <div class="map" id="map-with-polygons"></div>
  <h3>Map with layers</h3>
  <div class="map" id="map-with-layers"></div>
  <h3>Map with overlays</h3>
  <div class="map" id="map-with-overlays"></div>
  <h3>Map with routes</h3>
  <div class="map" id="map-with-routes"></div>
  <h3>Map with styles</h3>
  <div class="map" id="map-with-styles"></div>
  <h3>Street View Panorama</h3>
  <div class="panorama" id="streetview-standalone-panorama"></div>
  <h3>Map with Street View</h3>
  <div class="with-columns">
    <div class="map" id="map-with-streetview"></div>
    <div class="panorama" id="streetview-panorama"></div>
  </div>
  <h3>Street View Panorama with events</h3>
  <div class="panorama" id="streetview-with-events"></div>
  <h3>Events</h3>
  <div class="map" id="events"></div>
</body>
</html>