Googleマップに、GPSを使って現在位置(と誤差を表す円)を表示するサンプル ｜ Tips Note by TAM
2014.01.24 Googleマップに、GPSを使って現在位置(と誤差を表す円)を表示するサンプル タイトルのとおりですが、Google マップ上に GPSなどを使って現在位置(と誤差の範囲を表す円)を表示するサンプルを作ってみました。 HTML5関連の geolocation API というものを使えば、JavaScript から現在位置情報は簡単に取得できます。値はそのまま Google Maps API に渡せますので、連携自体はとても単純です。 ちなみに、位置情報はGPS搭載のスマートフォンでないとダメというわけではなく、PCのブラウザなどからでも取得可能ですよ（環境による精度の差はありますが）。 (ブラウザから、位置情報を取得してよいかの確認が行われます) どうでしょうか、おおよその現在位置と、誤差を表す半透明の青い円が表示されていますでしょうか？ 概要 全体のコードはあとで
Google Maps JavaScript API v3 を使ってみる - Furudateのブログ
おはようございます。 今回は、Google Maps API を使ってみたので、使い方等をメモしていきたいと思います。 JavaScriptで書いていきます。 ソースコードはHTMLとJSファイル、CSSをそれぞれ別ファイルに書きました。 HTML側のソースコード <!DOCTYPE html> <html> <head> <meta charset="UTF-8" /> <title>Google Maps v3</title> <script type="text/javascript" src="http://maps.google.com/maps/api/js?libraries=places&sensor=false"></script> <script src="./js/map.js"></script> <link rel="stylesheet" href="css/m
Google グループ
Google グループでは、オンライン フォーラムやメール ベースのグループを作成したり、こうしたフォーラムやグループに参加したりすることで、大勢のユーザーと情報の共有やディスカッションを行うことができます。
コントロール | Maps JavaScript API | Google for Developers
フィードバックを送信 コントロール コレクションでコンテンツを整理 必要に応じて、コンテンツの保存と分類を行います。 コントロールの概要 Maps JavaScript API によって表示される地図には、ユーザーが地図を使用できるようにする UI 要素が含まれています。こうした要素がコントロールと呼ばれます。アプリケーションには、さまざまなコントロールを組み込むことができます。または何も設定せずに、Maps JavaScript API にすべてのコントロールの動作処理を任せることもできます。 次の地図は、Maps JavaScript API によって表示されるデフォルトのコントロール セットが表示されています。 以下は、地図で使用できるコントロールの一覧です。 ズーム コントロールには、地図のズームレベルを変更する [+] ボタンと [-] ボタンが表示されます。デフォルトの表示位置
マップイベント projection_changedとは？ tilesloadedとbounds_changedとcenter_changedのイベント発生の違いとは？ | WordPressにGoogle Maps API V3！
マップイベント projection_changedとは？ tilesloadedとbounds_changedとcenter_changedのイベント発生の違いとは？ ◆ Google Maps API v3 / マップオブジェクトの状態変化イベントtilesloadedとprojection_changedとは？ マップイベント projection_changedの違いが良くわからない。リファレンス読んでもprojection_changedの「このイベントは、投影が変更されると発生します。」とは？ナンなのだ？ それとtilesloadedとbounds_changedとcenter_changedのイベント発生の違いとは？ それならデモで試してみようかな。 「projection_changed」は、地図が表示された最初にのみイベント発生があった。 従って、Google Maps
「TOKYO ART LIFE」のGoogle Maps API V3対応 - Life with IT
2009/06/05 「TOKYO ART LIFE」(閉鎖しました)で使用しているGoogle Maps APIのバージョンをV3に変更しました。 V2からV3への主な変更点は以下のとおりです。 APIキーが不要になった V2 <script type="text/javascript" src="http://maps.google.com/maps?file=api&v=2&key=<APIキー>"></script> <script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor={true|false}"></script> GPSなどの位置情報検知センサーがあるデバイスではsensor=をtrueに、それ以外(PCなど)ではfalseを指定する。 マップの描画方法が簡略化
Googleマップをイラストマップみたいにしたい。
サイト制作において、アクセスマップなどの地図の表示はどうしてますか？「Google Maps API」を利用したり、ちょっとデザインにこだわりたい時にはイラストに描き起こしたりしてるんじゃないでしょうか。 今回は、Google マップをちょいとカスタマイズすれば、まるでイラストマップみたいに見せることができるんだぜ！というお話です。 記事中に出てくる画像は2012.3現在のもののため、現在のGoogle Maps APIでの表示とは異なりますので注意です…X(。 リンク切れしていたところを、なるべく近い内容の存在するページにリンクし直しました（2015.7.20追記）。 まずはしっかり抑えておきたい「Google Maps APIの基本」から。 基本をすっ飛ばして早速カスタマイズしたい方はこちら↓。 Google Maps APIの基本 Google マップはGoogle API キーを発
Googleマップ V3 設置法 ～ Google Maps API V2 から V3 への移行方法
2009/5/27に Google Maps API V3 が公開され、V2 の正式サポートは 2010/5/19に終了しましたが、2013/5/19(※1)までは引き続き機能するとのことで、長い間 Google Maps API V2 のまま手つかずだった「Googleマップを活用しよう」「GPSロガー旅記録」「湯巡りマップ」地図表示ページを V3 に移行することにしました。（2013.3.19作成） （※1）（2013.5.1追記）2013/5/1に2013/11/19まで半年間延期のアナウンス。この日以降は V2 を使っている地図は、JavaScript ラッピングによる下位互換機能を持たせた V3 の地図に自動的に切り替わる。大部分のシンプルな地図は機能するそうですが(※2)、この間に V3 へ移行することを強く推奨しています。 （※2-1）（2013.11.20追記）当ホームペー
Google Maps APIメモ(v2) #6 オリジナルマーカー情報をjsonデータで読み込み
シリーズ第6弾、シリーズこれで終了 第5弾では、オリジナルマーカーは1種類1個だけだったのですが、今回はオリジナルマーカーを複数種類、複数個読み込んでみようかと。 しかも、それをjsonデータから読み込んで、ズームレベルでの表示／非表示の管理や、情報ウインドウの管理も一度にしちゃおうじゃないか。 というBlogに書くのがめんどくさくなった？反響がないことによる手抜き？みたいな感じです。 やることの整理 オリジナルアイコンは、第5弾で作った雪と、星の2種にする。 オリジナルアイコンの数は適当に複数個。 任意のレベルでオリジナルアイコン出現 オリジナルアイコンをクリックするとそのアイコンの情報ウインドウが表示 参考にしたところ Google Maps 活用講座 – 例−10：JSON形式のデータを読み込んで、マッピングする 最大縮尺レベルの設定 – GMarkerManager – Googl
Google、無料の地図作成ツール「Google Maps Engine Lite」をβ公開
米Googleは3月27日（現地時間）、Google Mapsを基に独自の地図を作成・公開できる無料ツール「Google Maps Engine Lite」をβ版として公開したと発表した。企業向けに有料で提供している地図作成ツール「Google Maps Engine」の簡易版で、非商用目的で利用できる。 「Google Maps Engine」は、Googleクラウドの機能を利用して地図を作成、公開するためのツール。企業の公式サイトのオフィスへの道案内などに活用されている。Lite版は、その個人、非営利団体向けで、基本的な機能を備えている。現在は英語版しかないが、日本語の入力・表示は可能だ。 地図を作成するには、サポートされている形式の画像や位置情報などのデータをアップロードする他、簡単なルートやマーカーは簡易ツールで直接描くこともできる。
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
