Dan's Sandbox

  1. OSM
    1. what it is
    2. technology - GIS, vector objects, geographic data, raster tiles, levels, layers
    3. contributing
    4. using as base map
  2. wikidot as an html prototyping platform
  3. html background
    1. simple html page
    2. html DIV element
    3. html script element
    4. javascript, DOM, and data
  4. let's do Leaflet

Step One: Create HTML page in Wikidot page

[[html]]
<head>
<link rel="stylesheet" href="http://cdn.leafletjs.com/leaflet-0.7.3/leaflet.css" />
<script src="http://cdn.leafletjs.com/leaflet-0.7.3/leaflet.js"></script>
<style type="text/css">
#map { height: 200px; width: 400px;
margin-left:auto;
margin-right:auto;}
</style>
</head>
<body>
<div class="leaflet-div-icon">
THIS IS A TEST LINE.
</div>
</body>
[[/html]]