#概要
leafletを鍛えてみる。
kmlを、読んでみた。
#写真
#サンプルコード
var map = L.map('map').setView([37.9, 140.1], 12);
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);
d3.xml('http://jsrun.it/assets/u/n/Z/1/unZ1R', function(kml) {
var w = kml.documentElement.getElementsByTagName("Placemark");
for (var i = 0; i < w.length; i++)
{
var coord = w[i].getElementsByTagName("coordinates");
var lines = coord[0].childNodes[0].nodeValue;
var latlon = lines.split(',');
var marker = L.marker([latlon[1], latlon[0]]).addTo(map);
}
});
#成果物