1. ホーム
  2. javascript

[解決済み] Googleマップ上の3D地球儀 API JS

2022-03-08 04:05:07

質問

短い質問です。

3D地球儀をgoogle maps web APIで表現する方法はありますか?


について グーグルマップ 地球を3Dで可視化できるようになりました。

以下はその例です。


google maps APIを使ったHTMLプロジェクトを開発しているのですが、この地球表現をWebサイトで使いたいのですが、どうすればいいですか?

しかし、このテーマに関するトピックは見当たりません。

3D地球儀をgoogle maps APIで表現する方法はありますか? グーグルマップホームページ 3D?


ここに私のマップの例があります(もちろん、質問を明確にするために私のコードの抜粋です)。

var map;
      function initMap() {
        map = new google.maps.Map(document.getElementById('map'), {
          center: {lat: -34.397, lng: 150.644},
          zoom: 8
        });
      }
      /* Always set the map height explicitly to define the size of the div
       * element that contains the map. */
      #map {
        height: 100%;
      }
      /* Optional: Makes the sample page fill the window. */
      html, body {
        height: 100%;
        margin: 0;
        padding: 0;
      }
    <meta name="viewport" content="initial-scale=1.0">
    <meta charset="utf-8">
    <div id="map"></div>

    <script src="https://maps.googleapis.com/maps/api/js?callback=initMap"
    async defer></script>

私のホームページに掲載されている地図の写真です。

この地図は地球を平面で表現しているだけです。どうすれば、グーグルマップと同じ結果を得ることができるのでしょうか?


お知らせ : こんなの見つけた ポスト は、GoogleマップのWebサイトでの機能を紹介するTwitterの魔女です。

解決方法は?

この機能はまだAPIで利用できないのではないでしょうか。

Googleのissue trackerにご質問のような機能リクエストが見受けられます。

https://issuetracker.google.com/issues/111576221

機能要望を明記して、投票を追加し、さらに通知を受けるようにすることをお勧めします。いつかGoogleがこの機能をAPIで実装してくれることを願っています。