Google Maps API
Google Maps API InfoWindowを開く、閉じる、そして閉じた時のイベントを取得する - Why it doesn't work? 選択された2点間の距離と時間を算出出来るようにしてみます。
表示してるInfoWindowのクローズイベントを拾う必要があったので、簡単にまとめておきます。
掲題の通りです。マーカークリック時に表示されるInfo Window内の緯度、経度に、Google Mapへのリンクを作成し、クリックしてGoogle Mapを起動できるように対応しました。
Google Maps Platform の開始案内が届いた - Why it doesn't work?で通知された様に、"Action Required"ということなので、"we estimate that your new cost will be less than $200 a month and will be covered by our $200 monthly free credit."と言う言…
久しぶりに、 MAP上に表示しているGeoJSONデータをダウンロード可能にする - Why it doesn't work?の続きです。GeoJSONデータのproperties項目内にcontent項目を追加して、Eventの内容を表示するよう対応しましたが、動作確認中に不具合がいくつか見つかった…
５月３日、Googleから「[Action Required] Changes to your Google Maps APIs account」というメールが届きました。タイトルからは、単なる利用規約の一部変更の案内だと思っていたのでしたが、一読すると想像以上にインパクトのあるものでした。 メールとメ…
続いてます。 分割されたログに対応しました。 最初のログのGeoJSONデータを表示中に、続きのログデータをDrag&Dropするような動作を考慮していませんでしたので、GeoJSONデータを表示中に別のGeoJSONデータがDrag&Dropされた場合には以下のような動作を行う…
やっと、前回の続きです。 geojson_anime_button.html テスト用のGeoJSONデータはこちらです。 single_points02.geojson 各データのフォーマットは以下のようになっています。propertiesにevent項目を追加してありますが、ここについてはまだ色々と検討中で…
GeoJSONデータをインポートして地図上に表示する でGeoJSONデータをインポートして表示出来る様になりテストを行なっていたのですが、まず思ったのが「データが複数あると動線がわからん」ということでした。 まず、行なった対応はGeoJSONデータの”propertie…
前回記載した通り、GeoJSONフォーマットデータを地図に取り込んで行きます。 Data Layer: Drag and Drop GeoJSONを参考（パクリ）にしました。 geojson.html ソースコードの掲載と説明は長くなるので割愛します。リンク先を参照して下さい。 簡単な動作説明…
表示する地図の中心を現在地にします。 Geolocation APIを利用しますが、Geolocation APIはGoogle Masp APIではなく、HTML5のAPIです。 詳細な仕様については、以下のサイトを参照して下さい。 Geolocation API Specification 2nd Editionサンプルは、例によ…
Google Maps API Keyの取得方法で取得したKeyを利用して地図を表示させてみます。 ソースコードはサンプルをベースとしました。 simple_map.html ポイントを追って説明します。 HTML5の宣言 <html> <head> <title>Simple Map</title> <meta name="viewport" content="initial-scale=1.0"> <meta charset="utf-8"> </head> <body> </body> </html> 宣言を使用して、アプリケ…
はじめに 仕事でGoogle Maps APIを使用する機会があったので、手順などをまとめておくことにしました。Googleのアカウントを保有していることを前提としてあります。 Google Maps APIの使用制限 Google Maps APIを使用するにはKeyの取得が必要です。(2017.12…
