leafletを鍛える。その35


概要

leafletを鍛えてみた。
gpx、表示してみた。

写真

サンプルコード

var map = L.map('map').setView([39.5, 139.5], 6);
var mapLink = '<a href="http://openstreetmap.org">OpenStreetMap</a>';
L.tileLayer('http://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png', {
  attribution: '&copy; ' + mapLink + ' Contributors',
  maxZoom: 18,
}).addTo(map);
var gpx = 'track_20211030-1.gpx';
new L.GPX(gpx, {
    async: true
}).on('loaded', function(e) {
    map.fitBounds(e.target.getBounds());
}).addTo(map);


成果物

以上。