コンテンツに移動
Google Maps Platform

Google Maps Platform の JavaScript API と TypeScript

2020年12月15日
https://storage.googleapis.com/gweb-cloudblog-publish/images/063-MAP-Supporting_Kotlin-ER_2880x1200_1_X.max-2600x2600.png
Google Cloud Japan Team

※この投稿は米国時間 2020 年 12 月 4 日に、Google Cloud blog に投稿されたものの抄訳です。


Google では今年 7 月から、Maps JavaScript API のドキュメントにて TypeScript のサンプルの公開を開始しました。これは、最先端をいくウェブ デベロッパーを支援することを目的としたものです。JavaScript デベロッパーを対象にした 2019 年の調査によると、およそ 60% の人が TypeScript を使用したことがあり、今後も使用するつもりであると回答しています。また、同言語を学ぶことに興味があると回答した人の割合は 20% を超えています。Google では、Google Maps Platform デベロッパーが開発を行いやすい環境の整備に努めています。TypeScript は人気が高まっているだけでなく、Google Maps Platform での開発時にコード検証ができて便利であるという点からも、Google ではこの言語をサポートすることを重視しています。

新しいサンプルコードを表示するには、任意のスニペットで TypeScript タブをクリックします。たとえば、JavaScript 用の Simple Map のサンプルは以下のとおりです。

https://storage.googleapis.com/gweb-cloudblog-publish/images/Screenshot_2020-08-14_at_11.09.33_AM.max-900x900.png
JavaScript タブのコード スニペット

ここに、TypeScript のタブが以下のように追加されました。

https://storage.googleapis.com/gweb-cloudblog-publish/images/Screenshot_2020-08-13_at_1.05.43_PM.max-1000x1000.png
TypeScript タブのコード スニペット

TypeScript と Google Maps Platform のガイドでは、使用可能なコンパイラ オプションやインストール手順など、基本的な情報を紹介しています。入門に最適な内容となっていますので、ぜひご活用ください。なお、サンプルコードの公開にあたっては、オープンソースの TypeScript コミュニティの成果および DefinitelyTyped で維持公開されている型定義を大いに活用させていただきました。これらの型は、NPM で以下を実行してインストールできます。

読み込んでいます...

もちろん、サーバー環境で Google Maps Platform の API を使用している Node.js デベロッパーのことも忘れていません。クライアント ライブラリの TypeScript 書き換えを今年すでに公開済みです。

Google Maps Platform の詳細については、ウェブサイトをご覧ください。ウェブサイトでは  Google Maps Platform の詳細やニュースレターの購読などをご案内しています。

-Developer Relations エンジニア Justin Poehnelt

投稿先