![サイト内でのGoogleマップ、6月12日から表示されない可能性](https://cdn-ak-scissors.b.st-hatena.com/image/square/12e6a689d649f5197a8b98e6484bd7c4751f17d8/height=288;version=1;width=512/https%3A%2F%2Fk-tai.watch.impress.co.jp%2Fimg%2Fktw%2Flist%2F1126%2F926%2Fmain.jpg)
<div class="map_wrapper"> <div class="googlemap"> <!-- 地図埋め込み用 HTML コードをペースト --> </div><!--end of .googlemap--> </div><!--end of .map_wrapper--> https://maps.google.com で住所を入力して、鎖のようなアイコン(リンク)をクリックし、「ウェブサイトへの地図埋め込み用 HTML コード」を取得する。(カスタマイズしたい場合は、「埋め込み地図のカスタマイズとプレビュー」をクリック) 追加情報 現在は Google Map が変更されてこれを書いたときとは少し違っています。「新しいバージョンの地図の場合」に少し追記しました。 取得したコードを HTML に貼り付ける。 <div class="map_wrapper"> <div cl
昨今、行政のウェブサイトでも、JavaScriptを使用したインタラクティブな地図が使われることが多くなってきました。 2016年現在、民間のウェブページでは、動かせる地図を表示することは当たり前に行われるようになっています。 施設やイベントの場所を表現するにあたって、ウェブ地図はたいへん便利なツールであり、これからも利用が進みこそすれ、廃れることは無いはずです。 もちろん行政においても、サイトにウェブ地図を利用することはこれから一般的になってゆくと考えられます。 そうしたなか、行政サイトを構築する際に、いくつかの観点から気をつけたほうがよいだろう、ということをまとめてみます。 従うべき要件 行政のサイトを構築する際には、特にセキュリティ要件など、当然のように多くの要求仕様がありますが、ウェブ地図を利用するにあたって、見逃されがちな観点がいくつか存在します。 著作権・ライセンス的な観点 そ
◆世界地図に便利な国別の国旗アイコン ISO国コードによる国・地域別のSVGアイコン、PNGアイコンがダウンロードできます。 ページの後半に「You can download pre built PNG icon sets from my Dropbox.」とあり、そこからzipファイルでまとめて国旗をダウンロードできます。国旗アイコンのサイズも様々に揃ってます。 https://github.com/koppi/iso-country-flags-svg-collection ◆手軽にGoogle Map用のアイコンに利用出来るメトロスタジオMetro Studio2 Metro Studio2(いまなら無料)は、いいです。かなり自由に自分好みのグーグルマップ用に使えそうなアイコンを作成できます。地図のアイコンに統一感がでてきますし、大きさ、カラーも変えられます。アスファベットアイコン、
Googleマップを使って自分の独自のグルメマップなどを作成できるGoogleのマイマップは共有して使えるようになっている。 ここでは、その共有方法についてまとめてみたが、予め下記のいずれの方法でマイマップを作成していることを前提に話を進める。 スマホ/マイマップの共有方法iPhoneで共有する方法iPhoneの場合には、マイマップのアプリがないが、予めPCで作成した地図をGoogleマップアプリで開いて閲覧することができるので、それを共有すればOK。 Googleマップを開いたら、保存済みを選択。 次は、マイマップをタップ。 次は、共有したい地図を選択。 次は、地図の凡例を表示をタップ。 続いては、共有をタップ。 最後にコピーを選択。あるいは、表示されているLINEやツイッターなどのアプリを選択して共有すればOK。 Androidで共有する方法 �Androidの場合も基本的にGoogl
Google が新しい Google Maps Embed API を公開しました。 埋め込む地図の URL に様々なパラメータをつけることで、ルート案内や周辺検索など、様々なカスタマイズを簡単に行いつつ、Web ページ上に地図を表示することが可能です。 Adding the new Google Maps to your website just got easier with the new Google Maps Embed API : Google Geo Developers Blog Google Maps Embed API : Google Developers Google Maps Embed API - Developer Guide 埋め込みコード生成用のページも用意されています。下記にアクセスしてみましょう。 Google Maps Embed API -- Ge
gmaps.js ? the easiest way to use Google Maps ストレス無しでGoogleマップを使ったサイトが作れる「gmaps.js」 Googleマップのサイトへの実装が本当に簡単で、かつ多機能なライブラリのご紹介です 簡単なマップを出すのに必要なコードは以下。 表示させるdivと緯度経度を指定するだけです 出来ることリストは以下 マップのクリック、ドラッグ時のイベントハンドラ実装 マーカー付与 ジオロケーション・ジオコーディング マップオーバーレイ マップ上のコンテキストメニュー実装 地図上の区画指定 目的地までのルート描画 静的な画像をマップ表示 などなど超多機能。 Googleマップ使うかもしれない場合は覚えておいて損はありません 関連エントリ Googleマップ関連のjQueryプラグインとチュートリアル集 スマホやタブレットでGoogleマップ風
サイト制作において、アクセスマップなどの地図の表示はどうしてますか?「Google Maps API」を利用したり、ちょっとデザインにこだわりたい時にはイラストに描き起こしたりしてるんじゃないでしょうか。 今回は、Google マップをちょいとカスタマイズすれば、まるでイラストマップみたいに見せることができるんだぜ!というお話です。 記事中に出てくる画像は2012.3現在のもののため、現在のGoogle Maps APIでの表示とは異なりますので注意です…X(。 リンク切れしていたところを、なるべく近い内容の存在するページにリンクし直しました(2015.7.20追記)。 まずはしっかり抑えておきたい「Google Maps APIの基本」から。 基本をすっ飛ばして早速カスタマイズしたい方はこちら↓。 Google Maps APIの基本 Google マップはGoogle API キーを発
Google Maps APIが有料化されると発表されました。 Google Maps API有料化の詳細発表、該当ユーザーは2012年初めに強制課金開始より、 現時点で利用上限を超過しても、即座に課金されることはない。利用者には、APIの利用状況を確認する期間が与えられる。その上で、利用上限を超えている場合には「2012年初めごろ」から強制的に課金されるとしている。その場合は、最低30日前に通知されるとしている。 APIの利用状況を確認できるようにするため、「今四半期後半」にGoogle APIコンソールにGoogle Maps APIを追加するとしており、このことは公式ブログにて発表する。利用者はこのコンソールから利用状況を確認し、対策を取る必要がある。 もしAPIの利用上限を超えていた場合、選択肢は3つある。1)利用上限を超えないように調整する。2)超過分についてGoogleが定めた
少し前に小規模のローカル地域での 店舗検索サイトのお手伝いをさせて 頂いたんですが、その時に使った Tipsです。WordPressのカスタム フィールドに住所を入れるだけで、 地図が表示されるようにする。 カスタムフィールドに住所を入力すればGoogleマップが自動で表示されるようにする、っていう方法。 住所入力でGoogleマップを表示する APIを使います。これは少し前にjQueryでやる方法を知人に聞かれたので記事を書きました。 APIと少しのjQueryコードでGoogle Mapの地図の色を変更する なので細かい解説は割愛します。 コードではコードです。 API<script type='text/javascript' charset='utf-8' src='http://maps.googleapis.com/maps/api/js?&sensor=false'></sc
Not your computer? Use a private browsing window to sign in. Learn more about using Guest mode
トップ > 映画・テレビWebサービス > Googleマップ5周年イベントで押井守監督の空間や時間への考え方についてこってりと聞くことができました いしたにまさきの新刊:HONDA、もうひとつのテクノロジー ~インターナビ×ビッグデータ×IoT×震災~ 01 それはメッカコンパスから始まった|Honda、もうひとつのテクノロジー 02 ~インターナビ×GPS×ラウンドアバウト~ 運転する人をサポートすること|Honda、もうひとつのテクノロジー 03 ~インターナビ×災害情報×グッドデザイン大賞~ 通行実績情報マップがライフラインになった日 2010.08.09 先日、まさに六本木ヒルズに引っ越しをしたばかりのGoogleで「Googleマップ5周年ユーザー / パートナーイベント」が開催されました。 イベント全体の流れは以下の3部構成。 Google マップ 5周年を振り返って:GEO
つぶやきをGoogleMap上で表示するサイト。 つぶやいた人の画面に次々とマップ上を移動していくので、見ているだけでも楽しいです。 取得するつぶやきの言語を切り替え機能があるのですが、試した際にはうまくフィルタリングできていないようでした。 2. TrendsMap 世界中のつぶやきのトレンドを表示するサービス。 一番つぶやかれているハッシュタグや@のキーワードがマップ上に表示されます。 周りの地域でどんなキーワードが流行っているのか見れるので、情報収集にも使えるのではないでしょうか。 キーワードをクリックする事でつぶやきの一覧が表示できます。 3. Tweography 自分のつぶやきを地図上に表示する事ができるマッシュアップ。 利用にはツイートに位置情報を付けている必要があります。また、OAuthの許可も必要です。 4. TweetMap Twitterのあの人がどこにすんでいるかわ
「おみせフォト」の申請ページ グーグルは現在、店舗情報等の登録サービス「Google プレイス」において、同社フォトグラファーによる店舗撮影サービス『おみせフォト』の利用申請を受け付けている。一部地域の事業者を対象に提供され、無料で利用できる。 Google プレイスは、店舗情報の詳細を「プレイスページ」に無料で登録できるサービス。登録情報は、Google マップなどにおける検索結果にリスティング表示される。おみせフォトは、そのプレイスページに表示される店舗内外、メニューなどの写真を同社フォトグラファーが無料で撮影するサービスとなる。利用申請はWebサイト経由で受け付けており、東京/ 京都/ 大阪/ 神戸の事業者を中心にサービスを提供していく(他地域も応募可)。
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く