Google MapsをHTMLに埋め込むには、以下の手順を実行します。
- Google Cloud Platformでプロジェクトを作成し、Google Maps JavaScript APIを有効化します。
- Google Maps JavaScript APIキーを取得します。
- HTMLファイル内で、Google MapsのスクリプトとAPIキーを読み込みます。
以下に、HTMLファイル内のコード例を示します。
上記のコードでは、YOUR_API_KEYを取得したGoogle Maps JavaScript APIキーに置き換えてください。また、var myLatLng = {lat: -34.397, lng: 150.644};の部分を独自の緯度経度に変更することで、ピンの位置を指定することができます。
このコードを使用すると、指定した位置にピンが立ったGoogle MapsがHTMLページに表示されます。必要に応じて、マップのズームレベルやピンのタイトルなどを変更することもできます。
以上がGoogle MapsをHTMLに埋め込む方法と簡単なコード例の説明です。これを参考にして、自分のウェブサイトやブログにGoogle Mapsを組み込んでみてください。