chrisdugne/Maperial-:-Your-first-map.markdown

## index.html
<html>
<head>
  <meta charset="utf-8">
  <title>Maperial demo</title>
  <script src="http://static.maperial.com/js/maperial.js" type="text/javascript"></script>
</head>
<body>
  <div id="map"></div>
</body>
</html>

## Maperial-:-Your-first-map.markdown

      
    Raw
  

              Maperial-:-Your-first-map.markdown
            
          
    Maperial : Your first map

Maperial is a free javascript API to create maps for your web applications.
https://github.com/maperial/maperial-api.js
A Pen by Chris on CodePen.
License.

  
## script.js
/*
  Maperial is a free javascript API to create maps for your web applications.
  https://github.com/maperial/maperial-api.js
*/
var maperial = new Maperial();
var map = maperial.createMap('map');
map.addMapquest();

## style.css
#map{
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left:0;
}
	<html>
	<head>
	<meta charset="utf-8">
	<title>Maperial demo</title>
	<script src="http://static.maperial.com/js/maperial.js" type="text/javascript"></script>
	</head>
	<body>
	<div id="map"></div>
	</body>
	</html>
	/*
	Maperial is a free javascript API to create maps for your web applications.
	https://github.com/maperial/maperial-api.js
	*/
	var maperial = new Maperial();
	var map = maperial.createMap('map');
	map.addMapquest();
	#map{
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left:0;
	}