CSSとjQueryでヨーロッパのクリッカブルマップを作ったすごいデモ | Web活メモ帳地図にマウスオーバーすると、ポップアップで地名を表示してくれるようになります。クリックすると、地名を選択可能に。 これ、すごいですね。 HTMLは単純な<li>タグで国名を一覧にしているだけなのですが、 以下のような画像を使って、うまくCSSで表現しています。 IE6以外のほとんどのブラウザで表示できるようになっています。 興味のある方は下のリンクからどうぞ。
現地案内の説明ページ等で重宝しそうなインタラクティブなマップ作成用jQueryプラグイン:phpspot開発日誌
現地案内の説明ページ等で重宝しそうなインタラクティブなマップ作成用jQueryプラグインが公開されています。 地図にインタラクティブに動く情報を記述して表示させたいようなケースに便利です。 実際に現地説明図などをページに載せているサイトがありますが、地図にインタラクティブに情報を表示すると利用者が非常に便利に見れますね。 例えば、次のような地図があります。 黄色のポイントをクリックすればヒントが表示されます。 更に下のほうで、薄く白身がかかった部分をクリックすると地図を拡大することが出来ます。 上記のデモページはこちら 他にもサンプルがあります。 上記デモページはこちら jQueryの機能を使ったアニメーション機能なんかも実装できます。 サイト制作請負をされている方は覚えておいて損はなさそうですね。 以下のエントリを参照してください。 A jQuery Plugin for Zoomabl
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
