google apps scriptで作成したhtml上に地図を表示したい

Question

###実現したいこと
google apps scriptで作成したhtml上に、グーグルマップを表示したいです。
スプレッドシート上では、StaticMapを使い、地図が表示できたのですが、html上では表示可能なのでしょうか。
調べてみましたが、google apps scriptだと、StaticMapしか使えないと書いてあるのですが、どのようにしてhtml上に表示するのかが分かりません。
その際、API keyというものの取得は必須なのでしょうか。

###スプレッドシート上にマップを表示する（GAS）

function mapFunction() {

  var WIDTH_V          = 1080;
  var HEIGHT_V         = 900;
  var Add_V            = "A8"; //住所セル
  var ZOOM_V           = "A11"; //倍率セル
  var sheet = SpreadsheetApp.getActiveSpreadsheet();
  var AdressSheet = sheet.getSheetByName("指定シート");
  var AdressValue = AdressSheet.getRange(Add_V).getValue();

  //  新規の地図画像を作成する
  var map = Maps.newStaticMap()
    
    .setSize(WIDTH_V,HEIGHT_V)
    //指定場所にマーカー追加
      .addMarker(AdressValue)
    //拡大率と使用言語
      .setCenter(AdressValue).setZoom(AdressSheet.getRange(ZOOM_V).getValue()).setLanguage('ja')
    //マップタイプを設定
      .setMapType(Maps.StaticMap.Type.ROADMAP);
    // 地図をシートに挿入
    AdressSheet.insertImage(map.getMapUrl(), 3, 1);

}

Answer 1

StaticMap は下記のように使います。

<img src="https://maps.googleapis.com/maps/api/staticmap?center=35.7926211%2C139.8065132&zoom=16&size=800x400&sensor=false&key={取得したAPIキー}">

【Google Static Maps APIの使い方まとめ！画像地図を作ろう！】
https://syncer.jp/how-to-use-google-static-maps-api

---

API keyというものの取得は必須なのでしょうか。

必須です。

Comments

[iro_iro]

APIを取得して、ブラウザ上でやってみたところ、きちんと地図が表示されました。

[kei344]

> google apps scriptで作成したhtml
はどのようなコードでしょうか。それがわからないとなんとも･･･。