タグ

関連タグで絞り込む (1)

タグの絞り込みを解除

jqueryと地図に関するn_tataraのブックマーク (2)

  • CSSとjQueryでヨーロッパのクリッカブルマップを作ったすごいデモ | Web活メモ帳

    地図にマウスオーバーすると、ポップアップで地名を表示してくれるようになります。クリックすると、地名を選択可能に。 これ、すごいですね。 HTMLは単純な<li>タグで国名を一覧にしているだけなのですが、 以下のような画像を使って、うまくCSSで表現しています。 IE6以外のほとんどのブラウザで表示できるようになっています。 興味のある方は下のリンクからどうぞ。

    CSSとjQueryでヨーロッパのクリッカブルマップを作ったすごいデモ | Web活メモ帳
  • 現地案内の説明ページ等で重宝しそうなインタラクティブなマップ作成用jQueryプラグイン:phpspot開発日誌

    現地案内の説明ページ等で重宝しそうなインタラクティブなマップ作成用jQueryプラグインが公開されています。 地図にインタラクティブに動く情報を記述して表示させたいようなケースに便利です。 実際に現地説明図などをページに載せているサイトがありますが、地図にインタラクティブに情報を表示すると利用者が非常に便利に見れますね。 例えば、次のような地図があります。 黄色のポイントをクリックすればヒントが表示されます。 更に下のほうで、薄く白身がかかった部分をクリックすると地図を拡大することが出来ます。 上記のデモページはこちら 他にもサンプルがあります。 上記デモページはこちら jQueryの機能を使ったアニメーション機能なんかも実装できます。 サイト制作請負をされている方は覚えておいて損はなさそうですね。 以下のエントリを参照してください。 A jQuery Plugin for Zoomabl

  • 1