ホームWebの記録つぶやき。このサイトについてプロフィールお問い合せWeb雑記帳。Webデザイナーの日々の備忘録。Webの記録つぶやき。プラグイン「jquery.gmap3.js」。使ってみたら楽に出来たので、メモです。配布元:blog.bumberboom配布元のサイトでサンプルファイルがダウンロード出来るので、そのサンプルを見れば楽に出来ると思います。※2011.12.26に特徴を追記しています。使用した地図の描画を手助けするプラグイン。マーカーの複数表示や、オリジナルマーカー画像の使用が簡単。IE7以下では動作しない(2011.12.26追記)位置情報を調べるには参考サイト:Geocoding検索窓に調べたい場所の住所を入力すると、緯度・経度が出るのでこの数値を利用します。APIを読み込み、headerへ記述します。src="http://maps.google.com/maps/api/js?sensor=false"></script>(2)jQuery本体と「jquery.gmap3.js」をダウンロードして、headerへ記述します。src="js/jquery.gmap3.js"></script>(3)gmap3を呼び出し。(この部分をjsファイルに分けても良いと思います。)複数ある場合は、markersの部分{},の後部分を繰り返し記述します。“アイコンのパス”,」をtitleの後に記述します。}]});});(4)HTMLの記述を最後にします。GoogleMapを表示したい部分に以下を入れるだけです。-->(5)CSSで整えます。longitude」はどちらかを指定すればOK。両方指定した場合は「address」が優先されます。「latitude」・・・緯度(Geocodingなどで調べた数値)「longitude」・・・経度(Geocodingなどで調べた数値)「zoom」・・・縮尺(整数)「title」・・・吹き出しに表示されるタイトル。「content」・・・吹き出しに表示される「title」以下の文字情報。Map」でスマホ対応GoogleMapを簡単設置。PMプラグインの作者です。ご紹介ありがとうございます。PMbumberboomさま。プラグインの作者さまにコメント戴けるとは!!とても便利なプラグインを開発して戴き、ありがとうございます!!使ってみて良かったので、紹介させて戴きました。コメントをキャンセルメールアドレスが公開されることはありません。コメントデータの処理方法の詳細はこちらをご覧ください。今回は、数枚の画像でスライドショーを「simplegallery.js」で作ってみたいと思います。Stats」をずっと使っていました。MAMPを起動した時、Apacheはちゃんと起動されているのにMySQLが起動しないことがあります。paragraph」という、自動でpタグを挿入してくれる機能があります。レスポンシブサイトで、PCとスマホではメニューの見せ方を変えたいもの。河村裕」Facebookページを制作しました。NEXT【DTP】ドラムクラスコンサートのチケットを制作しました。(別運営Blog)Webの記録つぶやき。このサイトについてプロフィールお問い合せWeb雑記帳。Webデザイナーの日々の備忘録。