kyroskoh/README.md

## README.md

      
    Raw
  

              README.md
            
          
    Contributors

  
## app.js
var initMap = function() {
  var provider = new MM.TemplatedLayer('http://tile.openstreetmap.org/{Z}/{X}/{Y}.png');
  var map = new MM.Map('map', provider).setCenter(new MM.Location(43.6478,280.6421)).setZoom(5);
}

## index.html
<!DOCTYPE html>
<html>
  <head>
    <meta charset=utf-8 />
    <title>Modest Maps JS Demo | Chaining</title>
    <link rel='stylesheet' href='style.css'>
  </head>

  <body onload='initMap()'>
    <div id='map' />
    <script src='https://rawgithub.com/stamen/modestmaps-js/master/modestmaps.min.js'></script>
    <script src='app.js'></script>
  </body>
</html>

## style.css
body {
  font: 13px/22px 'Helvetica Neue', Helvetica, sans;
  margin: 0;
  padding: 0;
}
#map {
  position: absolute;
  top: 0; left: 0;
  width: 100%;
  height: 100%;
  }
	var initMap = function() {
	var provider = new MM.TemplatedLayer('http://tile.openstreetmap.org/{Z}/{X}/{Y}.png');
	var map = new MM.Map('map', provider).setCenter(new MM.Location(43.6478,280.6421)).setZoom(5);
	}
	<!DOCTYPE html>
	<html>
	<head>
	<meta charset=utf-8 />
	<title>Modest Maps JS Demo \| Chaining</title>
	<link rel='stylesheet' href='style.css'>
	</head>

	<body onload='initMap()'>
	<div id='map' />
	<script src='https://rawgithub.com/stamen/modestmaps-js/master/modestmaps.min.js'></script>
	<script src='app.js'></script>
	</body>
	</html>
	body {
	font: 13px/22px 'Helvetica Neue', Helvetica, sans;
	margin: 0;
	padding: 0;
	}
	#map {
	position: absolute;
	top: 0; left: 0;
	width: 100%;
	height: 100%;
	}