BooksホームWebデザインjQuery地図にマッピングし、指定した位置にコンテンツを表示出来る軽量jQueryプラグイン・CRAFTMAPAdsjQuery2011.12.17使いやすそうだったので備忘録。Googleマップライクに動かせてマーキング、その場にコンテンツを表示させる事も可能な軽量jQueryプラグイン・CRAFTMAPです。説明下手ですね・・マーキングもデザインのカスタマイズも割と楽で色々なものに応用できそうです。商用は有料なのですが、もしかしたら使うかも。CRAFTMAPメニューから選択するだけでなく、ドラッグ可能でマーカーをクリックすることでもスクロールしてくれます。地図コンテンツでたまに見かけるインターフェースですね。API等は使用していません。シンプルに、地図の画像を作って、座標に応じてマーカーを設置する、というものです。ライブラリも軽量ですよ。サンプル作ったのでどうぞ。type="text/javascript"></script>本体とプラグインを読み込む。1303}});セレクタ指定してフリスクリーンかどうかを決める。あと、地図の画像のサイズ書くだけですね。</div>マークアップはこんな感じです。data-coordsで座標を指定します。お手軽でいい感じです。個人の非商用は無料ですが、商用の場合はライセンス費を支払う必要があります。ドキュメントは以下よりどうぞ。Mobileで使ったデザインテーマ集・jQuery-Mobile-Bootstrap-Themeなかなか良かったので備忘録です。"http://kachibito.net/wp-content/plugins/syntaxhighlighter/syntaxhighlighter3/scripts/shCore.js-end");/*]]>*/タイトルとURLをコピーしました。