leafletを鍛える。その17

1137 ワード
leaflet Plunker leaflet テキストリンク

概要

leafletを鍛えてみた。
マーカーをアニメーションしてみた。

写真

サンプルコード

var map = L.map('map').setView([37.913961, 140.142267], 17);
L.tileLayer('http://{s}.tile.osm.org/{z}/{x}/{y}.png', {
    attribution: 'OSM'
}).addTo(map);
var line = L.polyline([[37.913961, 140.142267], [37.913961, 140.142267], [37.913106, 140.142664], [37.912716, 140.141612]]);
map.addLayer(line);
var animatedMarker = L.animatedMarker(line.getLatLngs());
map.addLayer(animatedMarker);

成果物

以上。