新しいGoogleマップをレスポンシブ対応で埋め込む方法 | ライフハッカー・ジャパン
Digital Inspiration：新しくなったGoogleマップでは、ウェブページに地図を埋め込むことが可能となりました。Googleマップのサイトを開き、埋め込みたいエリアをズームインします。右下の歯車アイコンをクリックして、メニューから「地図を埋め込む」オプションを選択すれば、埋め込みコードを取得できます。 埋め込みコードを使ったサンプルページがこちらです。デフォルトでは、Googleマップがレスポンシブに対応していません。スマートフォンなどでページを開くと、地図のサイズがデバイス画面にフィットせず、はみ出してしまいます。 同じGoogleマップをレスポンシブ対応で埋め込んだサンプルがこちら。ブラウザをリサイズしたり、スマートフォンからページを開いても、画面に合わせて地図のサイズを自動調整してくれます。 Googleマップをレスポンシブに埋め込む方法 以下がGoogleマップのデ
Google Maps APIのおさらい。
Webサイトで地図を表示するのに便利なGoogle マップ。Googleが提供しているGoogle Maps APIを使って、地図を設置する方法から、マーカーを置いたり、道のりを表示したり、地図の色を変えたりするためのコードをまとめました。※Google Maps APIの中でも、ここではGoogle Maps JavaScript API v3を使ったサンプルを掲載します。 以下は目次です。クリックするとその項目へ移動します。 Google マップを設置する。 いちばん簡単なGoogle マップ ジオコーディングなGoogle マップ Google マップの読み込み方 場所を示す。 マーカーを置く アイコンを置く 吹き出しを出す 道のりを表示する。 ポリラインで描画する Directions Serviceを利用する 見た目をカスタマイズする。 コントロールのカスタマイズ デザインのカス
HepCat Dev and Test - ウィザシステム - Witha System Ltd.
Blogクライアント『BlogWrite』の開発＆テスト＆アップデート情報をメインに、ブログやWebにまつわる技術的トレンドなどを扱う開発ブログです。 « Atom1.0配信フォーマット、実質的に完成 | メイン | RSS 2.0 と Atom 1.0 の比較 » 2005年07月16日 Googleマップの好きな場所に好きな文字で噴出しピンを立てる Googleマップの好きな場所に好きな文字で噴出しピンを立てる方法。 JavaScriptでページ内に埋め込むのとは別に、URLを人に送る時など。たいした事ではないのですが、人に説明する時に忘れそうなのでメモ代わりに。 追記：コメント欄参照！ 1．Googleマップの地図上で目的の地点をダブルクリック等で中心にもってきます。 ２．ページ右上の「このページのリンク」でURLを取得。（下記のようなアドレス） http://maps.google
Google Map Apiを試してみた(ついでにjQueryのプラグイン化)
先日、Google Mapを利用する機会があったのですが、最初は単に地図があればいいということだけだったようなので、Google MapのAPIとかを利用せずに、地図の右上にあるリンクの作成ででてくるiflameを表示させようと思っていた。 しかし、APIの利用方法ってどうだったかなー？なんて思ったので、以前利用したことがあったのですが、再度調べてみることに。 今はバージョンが３も出ているのですが、それは利用したことがなかったので、それの利用方法メモです。 Google Map APIの利用 バージョン３からはAPIキーが不要とのこと。利用が楽になってますね。 まずはMapを利用するためのライブラリの読み込み <script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=false"></scri
サルでも出来るGoogleMaps（グーグルマップ)API
Excelで住所を入力したら地図(GoogleMap-グーグルマップ）ができるソフトを開発しました！無料でダウンロードでき、無料で利用することができます！ 地図の作り方はとっても簡単で、ダウンロードしたExcelファイルに名称と住所を入力するだけです。おそらく２~３分でできあがります。 アイデア次第でいろんなことに活用できます！ ■仕事 営業先を見える化して営業効率を高める、配送業務をもっと効率化したい！ その他にも 配送業、訪問修理、賃貸住宅の案内業務、営業拠点をマッピング、出張先をマッピング、訪問ルートの最適化、などにも活用いただけるかと思います。 ■趣味、プライベート ドライブやお出かけに、国内旅行の予定組に、卒業旅行の計画に、絶景スポットめぐりに、知らない土地にいくとき、パンケーキのお店をまとめたり、 また印刷して持ち歩くこともできるので、打ち合わせなどにも活用できます♪ Exce
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
