縁あってか、個人 / 仕事問わず React.js + Google Maps JavaScript API な構成の Web アプリケーションを作る機会が多くありました。 位置情報や移動に関わる Web サービスにとって最早なくてはならない Google Maps JS API という技術ですが、React.js と組み合わせたときに ...

記事は3部に分割しています。 mapを表示するコンポーネントで js-api-loader のライブラリをインポートする コンポーネントが描画される前のタイミングでMaps JavaScript APIを呼び出す → onMounted を使う js-api-loader ではPromise で Maps JavaScript API を動的に読み込むため ...

今回は、前回、前々回で取得した位置情報を元に、 地図を表示する方法を解説します。 Google Maps JavaScript APIで動的な地図を表示する Webサイトで地図を表示する方法と言えば、 多くの方がGoogle MapsのAPIを思い浮かべるのではないでしょうか。APIの公開後 ...

Google Maps APIを使ってできるユニークな特徴を備えたデモが楽しめるGoogleのプロモーションサイトと補足として技術情報を紹介します。 Google Maps API - More Than A Map デモでは6つのGoogleマップを使ったコンテンツと、開発者向けリソースや更に高度なデモを楽しめ ...

Google Maps API無償版のポリシー変更が6月22日に発表され、猶予期間が10月12日で終了した。 このポリシー変更は、Google Maps APIを利用しているユーザーにとって大きな影響があり、「突然、ウェブサイトの地図が表示されなくなる」という可能性もあるものだという ...

※旧SEメンバーシップ会員の方は、同じ登録情報（メールアドレス＆パスワード）でログインいただけます 講演資料・動画まとめページ Developers Summit 2026・Dev x PM Day 講演資料まとめ Developers Boost 2025 講演資料まとめ Developers X Summit 2025 講演資料まとめ Developers ...

GoogleマップをWebサイトに埋め込んでいる場合、グーグル側の仕様変更により「APIキー」が必須となり、対応しない場合は7月16日から表示されなくなります。ただし、実はすべての埋め込みGoogleマップが対象ではなく、そのままで問題ない場合もあります。