Google MapのタイルをLeafLetから無料で使用

Google Map APIを使用すると何かとお金がかかるが、JavascriptライブラリであるLeafLetを使用することで無料でGoogleマップのタイルを使うことができる。

var map = L.map('map').setView([35.67577017833058, 139.80825452403363], 13);

L.tileLayer('http://{s}.google.com/vt/lyrs=m&x={x}&y={y}&z={z}',{
    maxZoom: 20,
    subdomains:['mt0','mt1','mt2','mt3']
}).addTo(map);

lyrsパラメータでマップの種類を変更することができる

ハイブリッド: s,h
衛生: s
ストリート: m
地形: p

以下のような形になる。