情報集約マップ– tag –
-
連載:NuxtとGoogle Mapsで作る情報集約マップ
【NuxtとGoogle Mapsで作る情報集約マップ 第7回】施設名で検索して地点を取り込む(Places API (New))
Google Maps APIとNuxt 4の連載第7回。Places API (New)のPlaceAutocompleteElementで施設名を検索して地点を登録する方法と、要求フィールドで決まる料金区分・保存の規約を解説します。 -
連載:NuxtとGoogle Mapsで作る情報集約マップ
【NuxtとGoogle Mapsで作る情報集約マップ 第4回】マーカーをクリックしてInfoWindowと詳細パネルを出す
Google Maps APIとNuxt 4の連載第4回。Advanced Markersのクリックとキーボード操作でInfoWindowと詳細パネルを表示し、選択状態をuseStateで共有する方法とXSS対策を解説します。 -
連載:NuxtとGoogle Mapsで作る情報集約マップ
【NuxtとGoogle Mapsで作る情報集約マップ 第3回】地点データをNuxt server API + SQLiteに保存する
Google Maps APIとNuxt 4の連載第3回。地点データをNuxtのserver APIとSQLite(node:sqlite)に保存し、zodで入力を検証する登録・更新・削除APIの作り方と、本番で必要な点を解説します。 -
連載:NuxtとGoogle Mapsで作る情報集約マップ
【NuxtとGoogle Mapsで作る情報集約マップ 第2回】Advanced Markersでカテゴリ別の色付きピンを立てる
Google Maps APIとNuxt 4の連載第2回。非推奨の旧MarkerではなくAdvanced Markers(AdvancedMarkerElement・PinElement)でカテゴリ別の色付きピンを立てる方法を解説。
1
