<!DOCTYPE html> <html lang="ja"> <head> <title>日本海総合病院までの道のり(ポップアップ表示版)</title> <meta name="viewport" content="width=device-width, initial-scale=1" /> <link rel="stylesheet" href="../src/leaflet/leaflet.css" /> <script src="../src/leaflet/leaflet.js"></script> <style type="text/css"> <!-- div#mymap {width: 90vw; height: 80vh; margin: 0 auto;} --> </style> </head> <body> <h1>日本海総合病院までの道のり</h1> <div id="mymap"></div> <!-- #mymap であるdivを配置したあとで --> <script type="text/javascript" src="../app1/domon.js" charset="utf-8"></script> <!-- 最初のマップ作成プログラム例をそのまま利用する --> <script type="text/javascript" src="mapobj.js" charset="utf-8"></script> <!-- ↑この行だけ追加 --> </body> </html>