マーカー– tag –
-
連載:NuxtとGoogle Mapsで作る情報集約マップ
【NuxtとGoogle Mapsで作る情報集約マップ 第8回】カテゴリで絞り込み、一覧と地図を連動させる
Google Maps APIとNuxt 4の連載第8回。カテゴリのチェックボックスで地点を絞り込み、一覧と地図のピンを連動させる方法を、選択状態の共有・computed・ピンの強調表示のコード付きで解説します。 -
連載:NuxtとGoogle Mapsで作る情報集約マップ
【NuxtとGoogle Mapsで作る情報集約マップ 第5回】地図をクリックして新しい地点を登録する
Google Maps APIとNuxt 4の連載第5回。地図クリックで仮ピンを立て、Advanced Markerのドラッグで位置を調整してから地点を登録する方法と、API費用・入力検証の注意点を解説します。 -
連載: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で作る情報集約マップ 第2回】Advanced Markersでカテゴリ別の色付きピンを立てる
Google Maps APIとNuxt 4の連載第2回。非推奨の旧MarkerではなくAdvanced Markers(AdvancedMarkerElement・PinElement)でカテゴリ別の色付きピンを立てる方法を解説。
1
