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: '© ' + 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);
成果物
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: '© ' + 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);
以上。
Author And Source
この問題について(leafletを鍛える。その35), 我々は、より多くの情報をここで見つけました https://qiita.com/ohisama@github/items/22f3bb90001ab40c1de9著者帰属:元の著者の情報は、元のURLに含まれています。著作権は原作者に属する。
Content is automatically searched and collected through network algorithms . If there is a violation . Please contact us . We will adjust (correct author information ,or delete content ) as soon as possible .