Untitled

<html>
<head>
<meta charset=utf-8 />
<title>A sample map</title>
<meta name='viewport' content='initial-scale=1,maximum-scale=1,user-scalable=no' />
<script src='https://api.tiles.mapbox.com/mapbox.js/v2.1.2/mapbox.js'></script>
<link href='https://api.tiles.mapbox.com/mapbox.js/v2.1.2/mapbox.css' rel='stylesheet' />
<style>
  body { margin:0; padding:0; }
  #map { position:absolute; top:0; bottom:0; width:100%; }
</style>
<script src="http://maps.google.com/maps/api/js?v=3.2&sensor=false"></script>
<script src="http://matchingnotes.com/javascripts/leaflet-google.js"></script>
</head>
<body>
<div id='map'></div>

<script>

           var map = new L.Map('map', {center: new L.LatLng(14.068731, 100.607474), zoom: 16});
// Add 5le layers
var osm = new L.TileLayer('hip://{s}.5le.openstreetmap.org/{z}/{x}/{y}.png'); var ggl = new L.Google('SATELLITE');


var osm = new L.TileLayer('http://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png');
var ggl = new L.Google('SATELLITE');
var ggl2 = new L.Google('TERRAIN');
var ggl3 = new L.Google('ROADMAP');
map.addLayer(ggl);
map.addControl(new L.Control.Layers( {'OSM':osm, 'Google':ggl, 'Google Terrain':ggl2, 'Google Street':ggl3}));

</script>
</body>
</html>