yt_map / index.html

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "">
<html xmlns="" xml:lang="en" lang="en">
<link rel="stylesheet" href="static/leaflet/leaflet.css" />
<!-- Leaflet JavaScript -->
<script src="static/leaflet/leaflet.js"></script>
<script type="text/javascript" src=""></script>
<script type="text/javascript">
  $(document).ready(function() {
      // initialize the map on the "map" div with a given center and zoom 
      var map = new L.Map('map', {
                    center: new L.LatLng(0.0, 0.0),
                    zoom: 0,

      // create a CloudMade tile layer
      var cloudmadeUrl = 'http://localhost:8080/map/{z}/{x}/{y}.png';
      cloudmade = new L.TileLayer(cloudmadeUrl, {maxZoom: 18});

      // add the CloudMade layer to the map
  <DIV id="map" style="height: 512px; width: 512px;"></div>