「Google Maps」タグアーカイブ

Google Maps APIで画像の一部をマーカーとして使う

投稿日: 2013/06/17 作成者: admin

Google Maps API上にマーカーを表示するには、マーカー用の画像を用意するだけでいいのだが、マーカーごとに画像を変えたいケースで、個別に画像を準備すると、サーバから画像ファイルをロードするオーバヘッドが問題にな … 続きを読む →

カテゴリー: Tips | タグ: | コメントする

Google Mapsのロード(表示)完了後に何らかの処理を行う方法

投稿日: 2013/04/05 作成者: admin

モバイル機器でGoogle Mapsを表示する場合、初回のロードにはそれなりに時間がかかる。そのため、地図に対して何かを行ってもエラーになったり、うまく反映されない場合がある。例えば、今回は以下の問題に遭遇した。 ・地図 … 続きを読む →

カテゴリー: Tips | タグ: , | コメントする

jQuery Mobile でGoogle Mapsを表示する

投稿日: 2013/04/03 作成者: admin

jQuery Mobile でGoogle Mapsを表示する際の注意点。PCのブラウザに表示する場合と基本的には同じだが、(1)地図表示のタイミング、(2)表示するdiv領域のheight指定、がポイントになる。 ml … 続きを読む →

カテゴリー: Tips | タグ: , | コメントする

位置情報アプリ (4) – ロケタッチのスポットを検索する

投稿日: 2013/03/10 作成者: admin

ロケタッチAPIを使ってスポットを検索する。検索に限らず、操作対象となるリソースはURLで表現されており、 ・パラメータを埋め込んだHTTPでリクエストを発行し ・結果をJSONで受け取る ことでリソースにアクセスするこ … 続きを読む →

カテゴリー: Development, Location Service | タグ: , , | 1件のコメント

位置情報アプリ (3) – ジオコーディングにより地図の中心を移動する

投稿日: 2013/03/09 作成者: admin

Google Mapsのジオコーディングサービスを利用して、地図の中心を移動する。使い方としては、(住所ではなく)駅名や建物名を入力していったん地図を移動し、その後でロケタッチなどのスポットを探索するイメージ。 実行例： … 続きを読む →

カテゴリー: Development, Location Service | タグ: , | コメントする

Google MapsのジオコーディングサービスをJavaScriptから利用する

投稿日: 2013/03/08 作成者: admin

Google Mapsのジオコーディングサービスを利用して、住所やキーワードから緯度経度に変換する。JavaScriptから利用する際の手順はここを参照。使う際は、(1)単位時間あたりのリクエスト数に上限(1日あたり2, … 続きを読む →

カテゴリー: Location Service, Tips | タグ: , | コメントする

URLパラメータで読み込むファイル・自動トラッキングを指定する

投稿日: 2013/02/19 作成者: admin

URLパラメータで、読み込むJSONファイル名と自動トラッキングする/しないを指定できるようにする。URLパラメータの取得方法は、この記事を参照。動きは以下のとおりを想定。 ファイル指定の有無(gpsjson)を確認する … 続きを読む →

カテゴリー: Development | タグ: , , , , , , | コメントする

JSONファイルの作成・読込機能を実現する

投稿日: 2013/02/17 作成者: admin

これまでの成果をまとめて、アップロードしたGPSデータをJSON形式に変換し、変換したJSONファイルを読み込んで、内容を Google Mapsに表示する機能を実現する。JSONファイルはサーバ側に配置しておき、GUI … 続きを読む →

カテゴリー: Development | タグ: , , , , , , | コメントする

トラッキング機能を実現する(2)

投稿日: 2013/02/11 作成者: admin

再生ボタン：トラッキングの開始 – 初期(init)・一時停止(pause)状態のときは、最初のポイントに移動する。 – すでに再生(play)状態の場合は何もしない。(二重起動防止) – 地図移動処理(moveMapO … 続きを読む →

カテゴリー: Development | タグ: , , , | コメントする

トラッキング機能を実現する(1)

投稿日: 2013/02/10 作成者: admin

地図の中心を、GPSデータの各ポイントに一定時間ごとに移動することで、｢トラッキング機能｣を実現する。 コンソールパネルの作成 上(north)パネルにボタンを並べて、コンソールパネルを作る。 これを表示すると以下になる … 続きを読む →

カテゴリー: Development | タグ: , , , , | コメントする