Leaflet map with Lantmäteriet tiles

by Kyros Koh

HTML

<link rel="stylesheet" href="http://cdn.leafletjs.com/leaflet-0.6.4/leaflet.css">
<script src="http://cdn.leafletjs.com/leaflet-0.6.4/leaflet.js"></script>
<script src="https://rawgithub.com/mylen/leaflet.TileLayer.WMTS/master/leaflet-tilelayer-wmts.js"></script>
<div id="map"></div>

CSS

#map { 
    height: 400px; 
}

JavaScript

var center = L.bounds([1.56073, 104.11475], [1.16, 103.502]).getCenter();
var map = L.map('map').setView([center.x, center.y], 12);

var url = 'https://mapservices.onemap.sg/mapproxy/service?REQUEST=GetCapabilities&SERVICE=WMTS'; 

var WMTSTileLayer = new L.TileLayer.WMTS(url, {
      layer: 'Default', 
      style: 'default', 
      tilematrixSet: 'EPSG3857', 
      format: 'image/png'
    }); 
    
var baseLayers = {"Default" : WMTSTileLayer};
    			L.control.scale({'position':'bottomleft','metric':true,'imperial':false}).addTo(map);

map.addLayer(WMTSTileLayer); 

L.control.layers(baseLayers, {}).addTo(map);