webサイトに地図(Google Map)表示する方法

以下のコードでwebアプリ等にGoogleMapを表記することができる。 “`

<script>
  var map;
  function initMap() {
    map = new google.maps.Map(document.getElementById('map'), {
      center: {lat: 緯度, lng: 経度},
      zoom: 8
    });
  }
</script>
<script src="https://maps.googleapis.com/maps/api/js?key=APIキー&callback=initMap"
async defer></script>

APIキーはGoogle Cloud Platformから取得する。 なお、地図のサイズはstyleタグやcssファイル等で指定する。

ハックノートをフォローして
最新情報をチェックしよう

AWSの移行・構築はプロにおまかせ

サーバーからAWSへの移行も新規構築も初期費用無料です。
面倒なサーバー業務は全てお任せください。

くわしく読む