ドットインストール - 3分動画でマスターできるプログラミング学習サービス
レッスン一覧
料金プラン
レッスン一覧
料金プラン
ログイン
運営からのお知らせ
2024/09/10
NEW
『Go言語入門 制御構造編』をリリースしました
2024/09/05
NEW
【週刊ドットインストール】 レッスン制作の進捗、256timesのエディター更新、メンタリングの現場から
PREMIUM
Google Maps API入門
JavaScript で Google Maps を扱うことができる Google Maps API の使い方について学んでいきます。
0%
このレッスンはアーカイブされました
このレッスンは視聴可能ですが、質問の受付や内容の更新は終了しております。
動画レッスン一覧
(17)
質問と回答
(1)
#01 Google Mapsを使ってみよう
(02:03)
無料公開中
公式サイトの確認
雛形ファイルの作成
未完了
#02 描画の準備をしよう
(02:52)
無料公開中
Google Map APIの読み込み
initMap()の作成
未完了
#03 APIキーを取得しよう
(02:40)
無料公開中
APIキーの取得
キーの制限について
未完了
#04 マップを描画してみよう
(02:58)
無料公開中
マップの描画
ズームレベルについて
未完了
#05 マップのオプションを見ていこう
(02:52)
公式ドキュメントの確認
描画オプションについて
未完了
#06 マップにイベントを設定してみよう
(02:39)
クリックイベントの設定
setCenter() / panTo()
未完了
#07 マーカーを表示してみよう
(02:26)
マーカーの配置
タイトルの設定
アニメーション設定
未完了
#08 インタラクティブにマーカーを操作しよう
(02:32)
クリックイベントの設定
マーカーの追加/削除
未完了
#09 情報ウィンドウを表示させよう
(02:58)
情報ウィンドウの配置
未完了
#10 マーカーと情報ウィンドウを紐付けよう
(02:46)
マーカーと情報ウィンドウの紐付け
未完了
#11 ジオコーディングを使ってみよう
(02:44)
Gocoding API の有効化
入力フォームの作成
未完了
#12 住所を緯度経度に変換しよう
(02:31)
住所から緯度経度への変換
エラー処理の実装
動作確認
未完了
#13 リバースジオコーディングを使おう
(01:50)
緯度経度から住所への変換
未完了
#14 緯度経度から住所を割り出そう
(02:34)
エラー処理の実装
動作確認
未完了
#15 Places APIを使ってみよう
(02:58)
Places APIの有効化
未完了
#16 施設情報を検索してみよう
(02:24)
施設情報の検索処理
動作確認
未完了
#17 Geolocationを使ってみよう
(02:41)
ユーザーの位置情報の取得
地図の描画
未完了
#10 マーカーと情報ウィンドウを紐付けよう
「map: this」は「map: map」と書いてもいいですか?
2022年1月27日
リリース情報(note)
『Google Maps API入門』を追加しました
詳細情報
最終更新日
2017年12月21日
バージョン情報
Google Maps API 3.31