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 map = L.map('map').setView([1.56073, 103.502], 12); 

var url = 'https://mapservices.onemap.sg/mapproxy/wmts/1.0.0/WMTSCapabilities.xml'; 

var WMTSTileLayer = new L.TileLayer.WMTS(url, {
      layer: 'Default', 
      style: 'default', 
      tilematrixSet: '3857', 
      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);