HTMLではなくnode(JavaScript)の中だけでAPIキーを書く方法

Question

今作ろうとしている機能は

nodeでwebサイトからスクレイピング
→そこで得た情報から緯度と経度をファイルに書き込む
→そのファイルをhtmlで呼び出して地図表示

という機能なのですが、nodeの中だけで(htmlを使わずに)google map apiキーを使う方法がありましたら教えて頂きたいです

普通だとAPIキーは<script src＝「APIキー」></script>と書くのですが、nodeだといかんせんhtmlを使うことができないための相談です

申し訳ないのですが、いかんせん初心者ですので、コードまで合わせて書いていただけますと幸いです

お忙しいところ恐れ入りますが
よろしくお願いいたします

Comments

[maisumakun]

なぜそうしたいのですか？

[Kuro_Rubbit]

距離を割り出して、それが該当するなら表示、そうでは無い場合は非表示
という機能にしたいのですが、

いかんせん10万件という膨大な場所から割り出したいため、

nodeで１回、その距離を割り出し、ファイルに書き込むという形を取りたいのです

Answer 1

nodeの中で google map apiキーを使う方法

（APIのGoogleコンソール上での有効化やNodeの基本的なインストール等は完了しているという前提です）

プロジェクトの package に @googlemaps/google-maps-services-js　をインストールして、
プロジェクトフォルダに適当に置いた index.js に下記を記述します。

（ なお、Google の Geocoding APIのジオコーディングの結果は、API利用規約上、用途によっては利用が禁止されている場合があります。ジオコーディングの結果を大量にCSV出力して保存し、自分が作ったwebアプリで利用する等の使い方は、この禁止事項に引っ掛かる可能性があります。
参照：https://groups.google.com/g/Google-Maps-API-Japan/c/hAlBYFDnzso?pli=1
）

（下記はコンセプト例）
index.js

const {Client} = require("@googlemaps/google-maps-services-js");
const client = new Client({});

client
  .geocode({
    params: {
      address: "東京都中央区１－１－１",
      key: "APIキーを指定",
    },
    timeout: 1000, // milliseconds
  })
  .then((r) => {
    console.log(r.data.results[0].geometry.location);
  })
  .catch((e) => {
    console.log(e.response.data.error_message);
  });

実行

PS Z:\gmaptest> node index.js

出力結果例

{ lat: 35.6790837, lng: 139.783026 }

筆者の環境：
Node.js ver 14.15.3 ・ Windows 10・ VSCode 上のpowershell にて確認

参考：
Node.js Client for Google Maps Services
https://github.com/googlemaps/google-maps-services-js

Google Maps Platform - Geocoding Service
https://developers.google.com/maps/documentation/javascript/geocoding

Comments

[Kuro_Rubbit]

出来ました！ありがとうございます！！

[qnoir]

【2022/11/13 07:40時点のKuro_Rubbit　さんのコメント】
> APIキーの設定は完了している前提との事ですが、私が聞きたいのは、nodeの中でのApiキーの設定の仕方なのですが....
> 説明下手ですみません
> お忙しいところ恐れ入りますが、よろしくお願いいたします

すみません。
質問者さんが聞きたいのは「Nodeでgoogole maps apiを使用するに当たって、どのようなコードを書けばよいのか。つまり、どのようなライブラリを使い、コード中のどの部分にどうAPIキーを書けばよいかが知りたい」
ということではないのですか？

私はコードの中で「 @googlemaps/google-maps-services-js　をインストール」
「 key: "APIキーを指定",」という書き方で、それを示したつもりなのですが・・・

もしそうでないのなら、具体的なところを教えてください。

----
07:44の編集後のコメントに対して：
→解決されたとのことなので、本件はクローズします。

[Kuro_Rubbit]

お忙しいところ度々すみません、これを同期処理で描きたい場合はどのような書き方がありますか？
お手隙の際によろしくお願いいたします