<!DOCTYPE html> <html lang="ja"> <head> <title>Collect photos</title> <meta name="viewport" content="width=device-width, initial-scale=1" /> <link rel="stylesheet" href="../../map/src/leaflet.css"> <link rel="stylesheet" href="getPhoto.css"> <script src="../../map/src/leaflet.js"></script> <style type="text/css"></style> <link rel="manifest" href="manifest.json"> </head> <body> <div class="area"> <input type="radio" name="tab_name" id="tab1" checked> <label class="tab_class" for="tab1">map</label> <div class="content_class"> <div id="getPhoto"></div> <script type="text/javascript" src="getPhoto.js" charset="utf-8"></script> </div> <input type="radio" name="tab_name" id="tab2"> <label class="tab_class" for="tab2">photo</label> <div class="content_class"> <div class="photo"> <p><img id="img1" class="leftspace"><img id="img2" class="rightspace"></p> <p><img id="img3" class="leftspace"><img id="img4" class="rightspace"></p> </div> </div> </div> </body> </html>