var mymap = L.map('mapid').setView([38.893257,139.8187444], 15); L.tileLayer( 'http://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png', { attribution: '© <a href="http://osm.org/copyright">OpenStreetMap</a> contributors' } ).addTo(mymap); data = { "type": "FeatureCollection", "features": [ { "type": "Feature", "geometry": { "type": "Point", "coordinates": [137.0420547,35.1455654] }, "properties": { "名称": "岩崎城址公園", "画像": "iwasaki.jpg" } }, { "type": "Feature", "geometry": { "type": "Point", "coordinates": [137.0876883,35.1306941] }, "properties": { "名称": "愛知牧場", "画像": "bokujyou.jpg" } }, { "type": "Feature", "geometry": { "type": "Point", "coordinates": [137.0682229,35.1557573] }, "properties": { "名称": "五色園", "画像": "goshikien.jpg" } }, { "type": "Feature", "geometry": { "type": "Point", "coordinates": [137.0221455,35.1228602] }, "properties": { "名称": "レトロでんしゃ", "画像": "retro.jpg" } }, { "type": "Feature", "geometry": { "type": "Point", "coordinates": [137.033636,35.12896] }, "properties": { "名称": "旧市川家住宅", "画像": "ichikawa.jpg" } } ] } L.geoJSON(data,{ onEachFeature: function(feature, layer){ layer.bindPopup( "<p style='width:150px'>" + feature.properties.名称 + "</p>" + "<p><img src=" + feature.properties.画像 + " /></p>" ) } }).addTo(mymap);