タグ

関連タグで絞り込む (1)

タグの絞り込みを解除

google maps apiに関するfaibouのブックマーク (5)

  • Google Maps API V3で距離を求める方法

    Google Maps APIを使って2点間の距離を求めたい場合、V2ではGLatLngクラスのdistanceFromというメソッドが用意されていたのですが、V3になってLatLngクラスのメソッドを探してみても、そのようなものは見当たりません。もしかすると自作するしかないのかと思いましたが、リファレンスをよく調べてみると意外なところに見つかりました。 後ろの方にあってわかりにくいのですが、google.maps.geometry.sphericalというクラスにcomputeDistanceBetweenという関数が用意されているのを見つけました。これがdistanceFromと同じ役割を果たします。 V2のときのdistanceFromはGLatLngクラスのメソッドとして動作するものでしたが、V3におけるcomputeDistanceBetweenはgoogle.maps.geom

    Google Maps API V3で距離を求める方法
  • 位置情報をブラウザで活用! Geolocationを使いこなそう

    ■位置情報監視を実施するwatchPositionメソッドとclearWatchメソッド getCurrentPositionは一度だけ位置情報を取得するメソッドだが、位置情報を継続的に監視したいこともあるだろう。例えばナビゲーション・アプリケーションを作成する場合や、移動距離を測定したい場合には、位置情報を監視して、位置が変更されればその都度、位置情報を更新する必要がある。そのような場合に利用するのがwatchPositionメソッドとclearWatchメソッドだ。 こちらも最初にサンプル・コードを紹介する。 <script type="text/javascript"> var watchID; if (navigator.geolocation) { // 現在の位置情報を取得 watchID = navigator.geolocation.watchPosition( // 位置

    位置情報をブラウザで活用! Geolocationを使いこなそう
  • [ JavaScript ] 現在地周辺の地図をリアルタイム表示するスマホ用サンプル

    サンプルコード ———————————————————————- 掲載されていたサンプルにコメントを入れたもの。ほぼ、そのままです。スミマセン…。 現在地周辺の地図をリアルタイム表示するスマホ用サンプル – 上のコードの [サンプルページ](https://bowz.info/wp-content/uploads/2012/07/gps.html) iPhone の Safari で開いたらエラーが発生 ———————————————————————- iPhone の Safari で開いたら、次のようなエラーが発生して動きませんでした。 > The operation couldn’t be completed. (kCLErrorDomain error 1.) こんな時は、iPhone の [ 設定 ] → [ 位置情報サービス ] で [ Safari ] の位置情報サービスをオ

    [ JavaScript ] 現在地周辺の地図をリアルタイム表示するスマホ用サンプル
  • 地図上を順にクリックしていって移動距離を算出。

    Google MAPS APIの料金(特に、DirectionsService())が高く、維持困難となりましたので、公開を一時中止します。同じ内容をYahoo! JavaScriptマップAPI版で表示できますので、そちらをご利用ください。 検索方法が違うので、同じルートが出るとは限りません。 表示される範囲が異なります。 緯度経度が小数点以下6桁で丸められるので、マーカー位置が微妙にずれます。

  • コントロール  |  Maps JavaScript API  |  Google for Developers

    フィードバックを送信 コントロール コレクションでコンテンツを整理 必要に応じて、コンテンツの保存と分類を行います。 コントロールの概要 Maps JavaScript API によって表示される地図には、ユーザーが地図を使用できるようにする UI 要素が含まれています。こうした要素がコントロールと呼ばれます。アプリケーションには、さまざまなコントロールを組み込むことができます。または何も設定せずに、Maps JavaScript API にすべてのコントロールの動作処理を任せることもできます。 次の地図は、Maps JavaScript API によって表示されるデフォルトのコントロール セットが表示されています。 以下は、地図で使用できるコントロールの一覧です。 ズーム コントロールには、地図のズームレベルを変更する [+] ボタンと [-] ボタンが表示されます。デフォルトの表示位置

    コントロール  |  Maps JavaScript API  |  Google for Developers
  • 1