diff --git a/map/michi/michi.html b/map/michi/michi.html
new file mode 100644
index 0000000..68c5907
--- /dev/null
+++ b/map/michi/michi.html
@@ -0,0 +1,25 @@
+
+
+
+ 道案内
+
+
+
+
+
+
+
+
+ 学校から喫茶CLOAKまで
+
+
+
+
+
+
+
+
diff --git a/map/michi/michi.js b/map/michi/michi.js
new file mode 100644
index 0000000..a218813
--- /dev/null
+++ b/map/michi/michi.js
@@ -0,0 +1,38 @@
+/* Add some objects on a Map */
+
+var pl = [ // Polyline: 連続線分
+ [38.892123,139.818884],
+ [38.891187,139.819313],
+ [38.891780,139.823411],
+];
+var plProp = { // polylineのプロパティを定義
+ color: "red", // 線分の色
+ opacity: 0.4, // 線分の透明度
+ weight: 9 // 線分の太さ
+};
+var plobj = L.polyline(pl, plProp).addTo(mymap);
+
+var pg = [ // Polygon: ポリゴン
+ [38.895,139.821],
+ [38.895,139.822],
+ [38.894,139.822],
+ [38.894,139.820], // 終点と始点は連結される
+];
+var pgOpt = { // polygonに与えるオプション
+ color: "blue", // 線分の色
+ fillColor: "pink", // 塗りつぶし部分の色
+ fillOpacity: 0.2 // 塗りつぶし部分の透明度
+};
+var pgobj = L.polygon(pg, pgOpt).addTo(mymap);
+
+var marker1 = pl[0], marker2 = pg[0]; // polylineとpolygon各々の始点
+var m1opt = {title: "その1"}, m2opt = {title: "その2"};
+var m1 = L.marker(marker1, m1opt).addTo(mymap);
+var m2 = L.marker(marker2, m2opt).addTo(mymap);
+
+/* オブジェクトレイヤ.bindPopup() でクリック時のポップアップを定義できる */
+plobj.bindPopup("ポリラインですよ!");
+pgobj.bindPopup("ポリゴンですよ!");
+m1.bindPopup("その1ですよ!");
+// 次のようにあらかじめ1つのポップアップを開いておくことも可能
+m2.bindPopup("その2ですよ!").openPopup();
\ No newline at end of file