[wp] GoogleMaps を記事本文内に埋め込むショートコードの作成(応用)
基本編で適当に作ったショートコードを改変してマーカーを増やす。 ショートコード間に書いたHTMLとかがそのまま出力されるのは同じで、 マーカーを増やす タブ表示 最大化表示 style属性でheightの設定 showMapBlowup() 以上を追加。 １記事１MAPで複数表示は（使う用事がなかったので）未対応。 地図の表示 ［Gmap］だけ書いた場合はデフォルトの東京都庁あたりの地図を表示する。 属性を指定する事で初期表示するポイントや地図のサイズを変更出来ます。 [Gmap width="500px" lat="35.689184" lng="139.691648"] デフォルトでは指定した座標にマーカーを追加するが、 marker=”false”にするとマーカーを表示しなくなる。 [Gmap width="500px" lat="35.689184" lng="139.691648
![[wp] GoogleMaps を記事本文内に埋め込むショートコードの作成(応用)](https://cdn-ak-scissors.b.st-hatena.com/image/square/1e7c0960db52c2b56dc6f32f188b19cc383f685e/height=288;version=1;width=512/http%3A%2F%2Ftenderfeel.xsrv.jp%2Fwtn%2Fwp-content%2Fuploads%2F2010%2F03%2Fgmap-300x272.jpg)
jQuery GoogleMaps プラグイン
$('#gmap3').GoogleMaps({ file: './placemarks.php?format=xml', info_window_heading_level: 3 }); サンプル4（マルチマーカー・リスト連動・外部ドメインからJSONPでマーカー情報を取得） $('#gmap4').GoogleMaps({ file: 'http://demo.5020.jp/plugins/jQuery/jQueryGoogleMaps/placemarks.php?format=json', data_type: 'json', list_target: 'ul#list' }); 初期化オプションについて（グレーの枠内は初期値です） 初期位置、ズームレベル、情報ウィンドウ、アイコンタイプ（シングルマーカー） lat: 表示される地図の中心位置の緯度を指定します。 lat: 37.
Googleマップをイラストマップみたいにしたい。
サイト制作において、アクセスマップなどの地図の表示はどうしてますか？「Google Maps API」を利用したり、ちょっとデザインにこだわりたい時にはイラストに描き起こしたりしてるんじゃないでしょうか。 今回は、Google マップをちょいとカスタマイズすれば、まるでイラストマップみたいに見せることができるんだぜ！というお話です。 記事中に出てくる画像は2012.3現在のもののため、現在のGoogle Maps APIでの表示とは異なりますので注意です…X(。 リンク切れしていたところを、なるべく近い内容の存在するページにリンクし直しました（2015.7.20追記）。 まずはしっかり抑えておきたい「Google Maps APIの基本」から。 基本をすっ飛ばして早速カスタマイズしたい方はこちら↓。 Google Maps APIの基本 Google マップはGoogle API キーを発
『Googleマップを貼り付ける時にジャマな吹き出しを削除（消す）方法！』
アメブロデザインカスタマイズ格安｜素敵にアメブロカスタマイズアメブロカスタマイズはプロのデザインで差をつけよう！素敵にアメブロカスタマイズ。集客に強いアメブロとホームページを連動させてもっとSEOに強くさせよう。格安ホームページ制作、格安アメブロカスタマイズはEazywebまで。
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
