• ベストアンサー
※ ChatGPTを利用し、要約された質問です(原文:GoogleMapで数秒前に表示させた現在地の)

GoogleMapで数秒前に表示させた現在地の座標とリアルタイムの現在地の座標を同時に計算する方法

このQ&Aのポイント
  • JavaScriptを使用してGoogleMapを使ったアプリを開発していると、数秒前に表示させた現在地の座標とリアルタイムの現在地の座標を同時に計算したい場合があります。
  • 特定のアプリ(例えば、http://www6.ocn.ne.jp/~wot/web/html5/geoapi/sample13.html)では、スマートフォンなどで開くと数秒ごとに現在地が表示され、前の現在地マーカーも残ります。
  • 前の現在地座標を使用して計算を行いたい場合、呼び出すことは可能ですか?

質問者が選んだベストアンサー

  • ベストアンサー
  • fujillin
  • ベストアンサー率61% (1594/2576)
回答No.1

スマホのスクリプトは知りませんけれど… マーカー作成時に座標を指定しているので、その値を記録しておけばよいのではないでしょうか? 直前のものを覚えていれば良いのであれば、単純に変数 oldLatlng(←なんでも良い)に代入しておいて、常に更新してゆくようにしておけば宜しいかと。 あるいは、配列に時間と座標をセットで記録していって、〇〇秒前(に近い)データを探して利用するなどといったことも考えられます。 配列に記憶する場合は、容量が増加して行くでしょうから、使わないことが明らかな古いデータは削除するようにしておいたほうが宜しいでしょう。

全文を見る
すると、全ての回答が全文表示されます。

関連するQ&A

  • GoogleMapをリアルタイムに更新

    データベース(MySQL)に更新があった場合、GoogleMap上にリアルタイムにマーカーを表示させたいと考えています。 現在、XMLファイルの読み込みライブラリー downloadxml.js を利用し、PHPのXMLファイルを読み込んで実装しています。 調査していくと、リアルタイムに更新を行うには、ajaxを利用することがわかりました。 そのため 、jQuery のJavaScriptライブラリーを利用してPHPのXMLファイルを読み込む形になるのか、と思っているのですが、データベースに更新があった場合にリアルタイムにGoogleMapを更新させるには、どちらの読み込みで行うとよろしいのでしょうか? またリアルタイム更新には、cometという技術を使う必要があるということを調査して分かったのですが、具体的なソースコードが出ているページなど詳しい説明が載っているページがあれば、教えていただきたいです。 よろしくお願いします。

    • ベストアンサー
    • MySQL
  • リアルタイム時計をミリ秒まで表示する

    こんにちは。JavaScript初心者です。 JavaScriptを使用して、リアルタイムに時間を表示できますよね。その時計をミリ秒までリアルタイムに表示したいのですが、そのようなサンプルはどのサイトにも置いてないので困っています。 JavaScriptでミリ秒までリアルタイムで表示できる時計の作り方を教えてください。 (例)12:00:00:318    時:分:秒:ミリ秒(3ケタ)

  • GoogleMapを使ったWEBアプリ

    GoogleMapを使用して、以下のようなWEBアプリを作りたいと思っています。 数十名にスマートフォンをもたせ、GPS機能を有効にする 本部がそれらのメンバの現在の居場所をブラウザ上から リアルタイム(1分おきくらい)にGoogleMapで見たい この場合、どのような技術を使えば実現できるのでしょうか? ざっくりで申し訳ございませんが、なにかとっかかりになることを 知っている方がいましたらアドバイスお願いします。

  • Googlemapのナビで現在地が自宅になる

    Androidスマホで、Googlemapでナビを使用する時のことです。 目的地を入力→ 出発地を現在地(自宅ではない)に設定→ ルートが表示されるが、ルート上ではなぜか現在地ではなく、自宅の住所が出発地になっている→ ナビ開始しても、自宅が出発地の為、ナビにならない。 という現象がここ2、3日おきています。 どなたか解決方法をご存知の方、ご教授ください。

  • GoogleMapApi GoogleMap のカスタマイズについて。現在見えているマーカーの情報のみをサイドバーに表示したい。

    GoogleMapをサイトで利用を考えています。 現在、XMLを利用して、マーカーをGMap上へ表示させることまではできました。 http://www.i-ll.jp/test/map/xml.html コードはソースを参照をお願いします。 ここからカスタマイズについてなのですが 現在はマーカーの情報をすべてサイドバーに表示してあります。 これを、マーカーが実際に目で見えている情報のみをサイドバーに表示させたい場合 どうしたらよいのでしょうか?(添付画像参照) スクロールするたびに情報が変化します。 参考サイト 川越なう:http://kawagoe-now.jp/ 初めて、GoogleMapをカスタマイズしていて、不慣れな部分も多いのですが よろしくお願いいたします。

  • GPSを使ったGoogleMAP

    ガラパゴスをつかっています。この度スマフォに買い換えたいのですが、そのツールの中にGoogleMAPのような地図に自分の位置をGPSで取得してリアルタイムで表示できる地図案内アプリみたいのが欲しいです。これってなんというアプリで、どのスマフォなら使えるのでしょうか?

  • 日本測地系(秒単位)の座標を世界測地系に変換

    どうしても解らないので力を貸してください! 現在ちず丸で座標を取得し、ちず丸で地図を表示しているのですが、 現在ちず丸で座標を取得し、表示をgoogleMapに変更しようとしています。 ですがちず丸は日本測地系(秒単位)でgooglemapは世界測地系の為、変換が必要なのですが日本測地系(秒単位)から世界測地系への変換方法がわかりません。 ちず丸で六本木ヒルズを検索した際の結果です。 経度:503039.931 緯度:128363.95 処理はJavaScriptで行う予定です。 どなたかご教授ください。

  • GoogleMapのマーカー画像をonTapで拡大

    AndroidのネイティブアプリとしてGoogleMapのMapViewをつかった 地図アプリを勉強がてら作っています。 MapViewにはItemizedOverlayでマーカーを表示させていますが、 あるマーカーがタップされた際に、タップされたマーカー画像を 他のマーカーと区別できるように拡大表示したり、または別の画像を 表示させたりしたいのですが、ItemizedOverlayの機能として実装することはできるのでしょうか? また参考になるサイトがあればURLを教えてください。 よろしくお願いします。

  • 携帯でgooglemapを表示したい

    http://labs.anoncom.net/others/GoogleMap/MobileImage.html を参考に携帯で地図を表示したいのですが、 上記参考サイトだと座標情報がないとだめなようです。 現在、Movabletypeを使用して入力フォームに住所を入力して、 携帯サイトに地図を表示したいと考えております。 住所だけで携帯サイトに地図を表示する方法はないでしょうか。 もしくは住所を座標に変換してくれるMTのプラグインなどあれば、 お知らせしていただけると助かります。 初心者なので、具体的にご回答いただけると助かります。

    • 締切済み
    • PHP
  • GoogleMapを複数表示させたい

    GoogleMap を API で2つ表示させて、それぞれの地図にマーカーをひとつずつつけたいです。 マーカーをつけて吹き出すをだすまではできたのですが、 マップをもうひとつ増やすにはどのように記述すればよいでしょうか? 現在のソースは以下です -------------------------------------------------------- <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=shift_jis" /> <meta http-equiv="Content-Script-Type" content="text/javascript" /> <meta http-equiv="Content-Style-Type" content="text/css" /> <style type="text/css"> #Gmap{ width:500px; height:500px; } </style> <script src="http://maps.google.com/maps?file=api&amp;v=2&amp;key=http://maps.google.com/maps?file=api&amp;v=2&amp;key=" type="text/javascript" charset="utf-8"></script> <script type="text/javascript"> //<![CDATA[ function load() { if (GBrowserIsCompatible()) { //地図を作成 var map = new GMap2(document.getElementById("Gmap")); map.setCenter(new GLatLng(35.675845,139.744763), 15); //マーカーを作成 var marker = new GMarker(new GLatLng(35.675845,139.744763)); //マーカーをクリックしたら、吹き出しの中に写真を表示する GEvent.addListener(marker, "click", function() { marker.openInfoWindowHtml("テキストが入ります"); }); //マーカーを地図上に配置 map.addOverlay(marker); //縮尺移動のコントロールを設置 map.addControl(new GLargeMapControl()); //地図衛星写真 切り替えボタンを表示 map.addControl(new GMapTypeControl()); //縮尺表示 map.addControl(new GScaleControl()); } } //]]> </script> </head> <body onload="load()" onunload="GUnload()"> <div id="Gmap"></div> </body> </html> -------------------------------------------------------- よろしくお願いいたします