WordPressの無料のプラグイン「Maps Builder」で複数のピンを立てたGoogleMapを作成する方法！ | インクループ株式会社｜神奈川県相模原市 ホームページ制作、WEBマーケティング
WordPressの無料のプラグイン「Maps Builder」で複数のピンを立てたGoogleMapを作成する方法！【お手軽で簡単、HTMLタグも埋め込めます】 2016.11.28 網干 裕介 ＷＥＢ制作, ＴＩＰＳ Googleマップ , WordPress , ピン , プラグイン , マーカー コメントを書く 降雪の翌日に、駐輪場の自転車が泥だらけになっていて憂鬱な気持ちになった網干です。 どうやら、家の屋根の雪が滑り落ちた際に泥が跳ねて自転車が犠牲になったようです…。 駐輪場に屋根はあるのですが、こればかりはどうやっても回避できません…(´・_・`) というわけで、今回はWordPressのGoogleMap作成プラグイン「Maps Builder」を使って、複数のピンを立てた地図をサクッと作る方法をご紹介致します。 今回の記事を読むことで、下図のようなGoogleマップが作成
Google Mapのレスポンシブ ウェブ デザイン対策
Googleではレスポンシブ ウェブ デザインの推奨していますので、Google Mapも画面サイズ（PC Tablet smartphone)によって表示サイズが変わると便利だと思います。 そこで今回はGoogle Mapのレスポンシブ ウェブ デザイン対策を紹介します。対策はとっても簡単で単純なことです。 Google Mapよりウェブサイトへの地図埋め込み用 HTML コードを取得すると<iframe width=”425″ height=”350″ frameborder=”0″・・・みたいなコードを取得することが出来ます。この取得したコードのwidth=”425″をwidth=”100%”に書き換えるでけです。 これでGoogle Mapが画面サイズ（PC Tablet smartphone)によって表示サイズが変わります。 次はアメブロの記事のサイズに合わせてGoogle Ma
超簡単＆スマフォ対応のGoogle Mapのプラグインつくった。 | Firegoby
こんなタイミングであれですがWordPressにGoogle Mapsを貼り付けるためのプラグインを作りました。 WordPress › Simple Map « WordPress Plugins 会社概要のページなどに企業のお客さんが設置するのを想定していますので低機能ですが、とても簡単に使える上に、レスポンシブデザインのサイトとフレンドリーです。 このプラグインの特徴 [map addr="東京都千代田区永田町1-7"] または [map]東京都千代田区永田町1-7[/map] のように住所を指定するだけの簡単なショートコードで地図を設置することができます。 １つのページに複数のGoogle Mapを設置できます。 一定の横幅以下の環境（たとえばスマフォなど、デフォルトは480px以下）では、自動的にGoogle Static Mapsが表示されます。 フィルターフックが用意されてる
Simple Map – 超簡単＆スマフォ対応のGoogle Map | Firegoby
WordPressにGoogle Mapsを貼り付けるためのプラグインを作りました。 WordPress › Simple Map « WordPress Plugins 会社概要のページなどに企業のお客さんが設置するのを想定していますので低機能ですが、とても簡単に使える上に、レスポンシブデザインのサイトとフレンドリーです。 このプラグインの特徴 [map addr="東京都千代田区永田町1-7"] または [map]東京都千代田区永田町1-7[/map] のように住所を指定するだけの簡単なショートコードで地図を設置することができます。 １つのページに複数のGoogle Mapを設置できます。 一定の横幅以下の環境（たとえばスマフォなど、デフォルトは480px以下）では、自動的にGoogle Static Mapsが表示されます。 フィルターフックが用意されてるので、柔軟なカスタマイズが可
Geekなぺーじ : Google MAPS APIプログラミング
ここでは、Google Maps JavaScript API(version 3)を使って遊ぶ方法を説明したいと思います。 Google Maps JavaScript APIを使うと、グーグル社が提供する衛星写真や地図を使ってホームページ上で色々なものを作れます。 対象とする読者は初心者もしくは入門者です。 Google Maps APIはJavaScriptを使って書いてあるので、JavaScriptの知識があった方がわかりやすいと思いますが、Java Scriptがわからなくても何と無くわかるような説明を目指したいと思っています。 基本編 Google Maps APIの単純な例 地図の種類を切り替える 地図の中心を移動する 地図上にふきだしを表示 地図がクリックされたときの処理 マップタイプコントロールを無効にする 緯度経度取得ツール 要望が多いので緯度経度情報を取得するツールを
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Google Maps API有料化の詳細発表、該当ユーザーは2012年初めに強制課金開始 
http://googlemaps.googlermania.com/modules/googlemaps_faq/1.html
