[JS]Google Mapsと連動してパネル表示も切り替えるスクリプト

ナビゲーションのホバーに合わせて、Google Mapsとパネルの表示を切り替えるスクリプトを紹介します。

デモのキャプチャ

Google Maps Slider
デモページ

スクリプトのベースにはjQueryが使用されており、ナビゲーションのリスト要素にはGoogle Mapsの座標データを記述しています。

HTML

このコンテンツは下記のサイトからインスパイアされたとのことです。
こちらもGoogle Mapsとコンテンツが連動しており、面白いです。

サイトのキャプチャ

Moments in Tokyo, Japan - Hitotoki

top of page

©2017 coliss