トップ > GASで楽天モバイル地図表示

GASで楽天モバイル地図表示

こちらのコードを参考にCSVデータを作成

github.com

マップ

https://script.google.com/macros/s/AKfycbzstmPbiibwhPjF8sOHLVxmYXYqg0uqxodmb_KHc3GU4stFy61ICOYCIzrKcZlwZwwk9w/exec

f:id:imabari_ehime:20210706151002p:plain

CSV

https://docs.google.com/spreadsheets/d/e/2PACX-1vQ5De3t_hQfGZ4yMqsFaV8osRqeNSn1Qn2HuwdZqE-XJr8uiWfyLgL4rCCoyEL7A4zbCmRs-qMCunws/pub?gid=135190842&single=true&output=csv

コード.gs

function doGet() {
  var template = 'index';
  return HtmlService.createTemplateFromFile(template).evaluate();
}

index.html

<!DOCTYPE html>
<html>

<head>
   <meta charset="utf-8">
   <meta name="viewport" content="width=device-width">
   <title>楽天モバイル基地局マップ（愛媛県）</title>
   <style>
        body {
            margin: 0;
            text-align: center;
        }
    </style>
</head>

<body>
    <script type="module" src="https://js.sabae.cc/csv-map.js"></script>
    <csv-map
        src="https://docs.google.com/spreadsheets/d/e/2PACX-1vQ5De3t_hQfGZ4yMqsFaV8osRqeNSn1Qn2HuwdZqE-XJr8uiWfyLgL4rCCoyEL7A4zbCmRs-qMCunws/pub?gid=135190842&single=true&output=csv"
        icon="data:image/png;base64,R0lGODlhyADIAHAAACwAAAAAyADIAIX////+9fr83vD+/f7wsdX4K5z3CIz6fsP5S6v7sdLcRZr7tt3rlMX8zOL90+r23Of34O38+Pn05Or+/v797fHv4+fnwdf+8ff7nNH4Y6by5+7upc791uf7j8v8pdXyutrqyt356fLvwtXwxt/68/QAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAG/0CAcEgsGo/IpHLJbDqf0Kh0Sq1ar9isdsvter/gsHhMLpvP6LR6zW673/C4fE6v2+/4vH7P7/v/gIGCg4SFhoeIiYqLjI2Oj5CRkpOUlZaXmJmam5ydnp+goaKjpKWmp6ipqqusra6vsLFVAQK1tre4ubq5AQADsm8EBQbExcbHyMnIBQcIB88JAr3AZwfK19jZxwoHC9PUYgza4+TJzA3gYdbl7OzMB9/pWuLt9eUKDvJb6/b92QUM8um7Qs+fwWsFHgy0wu+gw2MABS6M0vChRWL4JlK8yLFYAQIan1Ts+DBhyCYjSTosgO6kkpQqD7J0mQRmTIMFJNIkYvOmv3gCEHYW6emzHwOhPIt2/IhUCFGl9YA2fQq13YGp/ZgNI6a1a7MDWy8yFUo12dUIEtJGABBhbVsAEwBQYPAs7MGrZO0ViPekAQO7WUHuLHsMLxUIYO/mrWe4ijCcLV0SNta4SgXA7Y7SnFyschUHmMt5nsiZ2GgqoAP/b7Z3moqF0ONayyttQPYU2rVXM+4CAfa/oCdp277dbzgw4V5629McErkX581Zf4GukfqWBNKDZ+9ywfc147Ks74vKd6D4LAMQ2JOgffd0ewLaWwVDm310910oeFe2Vz478BvhV912XJynj4FXIJiOglQ0sJ8yzA0ooBa4RUgagVk8Rp5kGGKBG4CxMBgFBg8qAyIsIj6h4XK6zZeFgz+Vt1CKTJBo0IkodhhFBIn9pFCL/1mxoj845rhhFIj1iNOPQLKTwQJQRimllAk8o6RDRRpZlUUzLbblQ1lq+SVOwHk5pmpYnUlkU06p2Y8CF7AJAG5nSiUnnV/aeaeb7ggmmOecfJJTAAZ/DoGnUnoWeqhPiSoaKDZwFjrUo9csIOmklJp1aVKZLkPopoB2ugyTki7KaJmOiqrppbi9Y+WrsJaIzVip1mNpE6lBVqpeMiLxgKwI6ZSmiyoCC2Gt7CDwCxQFZfUpmzQSoRxOfiIVLREwkgmtjk0Mye19xEpxKK2DfcuEBsaaE1mT5IQJwK8yCQtukEKmi0yk/+zGhkWzxZU74RTT/rSuhOFWke1PqF74r2v2FsbhwlSMW+2M5iLZsDHkmldxFPBqq3DBWHgb1VoUQ8wQlh/TywW6Mk0MzrVPdIywxiZfIXI7BZC84MZVLGrhcTwfdrFHLocYNBUyZyWvmKKNcbM7Ood3dM8oU8Nvu2QEjKbUNW9xcFYJuwKzY0NzFbXY9ihrxtVdnzJ2FVrr9awrbGvjrhRJ6xW2KgTA6vffBxQtBgF0AW74qwxsEBeojDfu+OOQRy755JRXbvnlmGeueVMcbHD456CHLvropJf+dwcefKD6ByCEsHgiLKsquwHvMGC7CKRCgljZs+Nkpe0j5I7J03G9i4X4AmeD8lrxXCKeQPKn5M38P86PAL0rcU/PlfN7y+PAX727auXzfxJflfgHMDDwpuaT5KrtS0MufUnOI7/5ENnjfLzw9xdxgQLlEB8DEkCC/kkhAODDGOIYYD8DZuh36nOgBCdIwQpa8IIYzKAGNyLIwQ568IMgDKEIR0jCEprwhChMoQpXyMIWuvCFMIxhSIIAADs="
        height="85vh" iconsize=40 filter="title,open,type"></csv-map>
    <footer>
        <p><a href="https://github.com/code4sabae/js/blob/master/LICENSE">ライセンス MIT Code for Sabae / Taisuke Fukuno</a></p>
        <p><a href="https://c4.sabae.cc/">Code for Sabae</a></p>
    </footer>
</body>

</html>

data:image/png;base64,R0lGODlhyADIAHAAACwAAAAAyADIAISAgICAcHmBW3B+d3uNX3nnGIr3CIzCPYaoRXyVTXWdVX3kOZehf5K2WYy/P4aua5DmGIqLf4amZImXeofGGXmZWn26RYWwT4SAeHx/fn8AAAAAAAAAAAAAAAAAAAAAAAAF/yAgjmRpnmiqrmzrvnAsz3Rt33iu73zv/8CgcEgsGo/IpHLJbDqf0Kh0Sq1ar9isdsvter/gsHhMLpvP6LR6zW673/C4fE6v2+/4vH7P7/v/gIGCg4SFhoeIiYqLjI2Oj5CRkowBApaXmJmam5kDk1EEBQajpKWmp6imBQesBwgCAZ9JAqm1trekq6+eskMJuMDBpwUIvL0/tMLKwqsKxz6/y9LABc7PO8nT2rXEsdc4CNvi3NbfNQfj6cMI3uYy6OrxueXuL/Dy8tX1MPf48fr7WvTzpw5gQBUDCaYzePBEQoXjGDYk8RCiuALtJo6oaHEbAo0lOHacJnGiyJHSSlUePJlqAYMGDmI2eDmzwcwHLx1A+GfMpDQIEWJEyLlT3EeQLE81sCGhqLYCPVdKY3AjQgOn0o76XEYVR9OnUfclNdXVK1ZlAjSOLVXW7DStUrny+LoM/+pWZW1zNHh7V1heHBHOAjvQN9hfHHvrhjW3ltThqoJxJWjYeNTjG4nRUp76g0HWzXJ9BF5GOC5eIA5Igz79I3Ow0gErG7h8w7Myu7E5/3ggLW3u0D5sa/7NOnhv036BuKa2+Jps2jVGK4MtVncP4cKo13ve+TNyw62PfwcGfYb04cST91jOfLX6HeezFya/nq978DvoLvM9Hlf5F/rd1tw33OUQoDJwpYefDVZF1t58/t1w4DIJKgjMUua95GAwuEF4CwQTvDCUhupUaCEwEMSk4oos6oRPhx6iRBI9McpIIUgb2bjQgNXpuI1K9/nIDI1ICZkSkUUaOSSOJsimI6GQSSp5C5RRSpkKlVVaqQqSTIrg5EgmdumllqnwJ2ZIZKISpphfdgTjmWOmecqaTLbpJpd1ktTKnnyyIspTeGYJDAU8kjAAAn+mVGiQuJjZggKJ3ggnAJW9+WikS8JZmXYvhENSRnlOR0MAmApDZ3+2cPoCpDOeuakNnh7Jpmo1DFAqh4FuR2sNrJK0KIG78norMKcyFqywrQp6i6ozxFpXrv/OHVsDqYCqJS2yvtaICrM0OCspqrVwO4Ot1YKbirgz9Kqoudv6oO63uorqg7eZxiufD+Qm686rP7x7G7SR8NvvsLhY2ovAP9Br6r7X7pCvrMDKG4S/zIAqC8JAUBxMsY5gDITC1ADMiMc/PPzsMyCHa4TGIR+TzWtHsFzwr4mkfC4SMt/CcSIkC2GzLVgq0nMQ1Oobyc+noDswWJME0OfTe4rcQwAIQG11KwRMqvXWXHft9ddghy322GSXbfbZaKet9tp3VGDB1XDHLffcdNf9tAUXXFABBnxn0MehBMup0CqsvCIAzXjkLPiPrRiO+B+KLw5045c8bkjkkhPuiiVGljtCdeBSal744WJibpHou3xtekGjk2726sxQzjnbIsA+jOydl2265o7TLsPnpfBeue86KLC568Qnr/zyzDfv/PPQRy/99B7UV2/99dhnr/323Hfv/ffghy/++OSXb/756KcPSAgAOw==