中級プログラマの自宅でPHP ブログ

自宅用ポータルシステム「MyHome Portal」をオープンソースで公開。MyHome Portalの説明とエンハンス情報。

地図・Google Map

LeafletでGPSログ(GPX)地図作成。標高グラフ作成やローカルファイル指定も。

地図データを扱うJavaScriptライブラリ「Leaflet」を使って、GPSログ(GPXファイル)の地図表示を色々と試した。 詳細は以下に。

「Leaflet」でGoogle MAPS APIなしでGoogle マップが使える。

「Leaflet」を使えば、「Google MAPS API」なしで「Google マップ」が使える。

Leaflet + OpenStreetMapで、地図にマーカー表示。

Leaflet + OpenStreetMapで、地図にマーカー表示を試しました。

備忘録:Google Maps Javascript API:主要なスポット(POI)情報ウィンドウを表示させない方法。

Google Maps Javascript APIで作成した地図の主要なスポットをマウスでクリックすると、ポップアップで情報ウィンドウが表示される。 これを、POI(point of interest)と呼ぶ。 この情報ウィンドウを表示させないためには、Mapオブジェクトの初期化オプショ…

Google Maps API)マーカーラベルに使っているchart.apis.google.comが使えなくなった。

MyHome Portalのコンテンツの一部でGoogle Maps APIを使った地図があるが、その地図でマーカーラベルにchart.apis.google.comサービスを利用していたが、2019.3.14よりサービス停止になってしまった。 代替案を探したところ、MarkerWithLabelというのが見つ…

Googleマップの詳細かつ大きな地図を印刷する方法。

Googleマップの詳細な地図を拡大して印刷する方法を考えた。 詳細は以下のブログで。

「Google Maps API」がAPIキーなしでは使えなくなった。グレーアウト表示になる。

「Google Maps API」を使ったWebサービス/サイトが、APIキーなしでは使えなくなった。「Google Maps API」のAPIの課金方法の変更に伴うもので、今まではAPIキーなしでも月間アクセス数が少ないサイトでは利用できていたが、APIキーが必須になった。なおかつ…

Google Maps APIで指一本でスクロール

Google Maps JavaScript APIを使ったページで、地図をスクロールするには、指2本で操作するように変更されました。 1本指で操作しようとすると、「地図を移動させるには指2本で操作します」と表示されます。 MyHome Portalの「tools/google-maps-earth-v3.…

Google Maps API無償版のポリシー変更

Google Maps API無償版のポリシーが変更されたとの事。 Google Maps APIを使った地図を呼び出すスクリプトにAPIキーの設定が必要となったとのこと。新たなドメインでAPIキーなしで地図を呼び出そうとすると、エラー画面となり地図が表示されないらしい。 以…

Ver.8.00:Googleマップ ストリートビューの位置変更

MyHome Portal Ver.8.00をリリースしました。 http://ok2nd.web.fc2.com/download.html 久々の更新です。 Ver.1.00リリースから約8年目ということで、Ver.8.00としました。 Google Maps API のストリートビューの人形マーク表示位置が左上から右下に仕様変更…

Google Maps APIによる複数スポット表示

HTMLファイルに、スポット名、緯度、経度を指定するだけで、Google Maps API V3を使った複数地点表示が出来るJavaScriptを公開します。 ※ Firefoxでは、マーカーが表示されないなど、正常動作しません。 CGI等サーバーサイドの処理はありませんので、静的サ…

Ver.7.01:InfoWindowの.gm-style-iw

MyHome Portal Ver.7.01をリリースしました。 http://ok2nd.web.fc2.com/download.html Ver.7.00で、Google Maps APIを使ったページの情報ウィンドウに縦スクロールバーを表示させないために、スタイルシートに以下を追加しましたが、情報ウィンドウ内の一部…

Ver.6.10:Google マップ、TABLE to CSV

MyHome Portal Ver.6.10をリリースしました。 http://ok2nd.web.fc2.com/download.html 「Google Maps API V3版」の世界遺産、日本百選、日本百名山、日本桜名木、日本鉄道駅検索結果を、別ページでなく、同じページ内に表示するように、仕様変更。 「Google…

Ver.6.09:Google マップ スポット検索改善 他

MyHome Portal Ver.6.09をリリースしました。 http://ok2nd.web.fc2.com/download.html 「サンプルDB自動セットアップツール」とツール「実運用環境バックアップ」を、 データベースサーバーがlocalhostでない場合に対応させました。 定義ファイルの「_DB_SE…

Ver.6.07:世界地図(国旗付き)を追加

MyHome Portal Ver.6.07をリリースしました。 http://ok2nd.web.fc2.com/download.html ツール「世界地図(国旗付き)」を追加。以下のページを、利用させてもらいました。 http://xml-xsl.sakura.ne.jp/google_maps17/google_maps17.htm 「住所録」が世界遺…

Ver.5.15:Google Maps範囲選択で世界遺産他

MyHome Portal Ver.5.15をリリースしました。 http://ok2nd.web.fc2.com/download.html 「Google Maps API V3版」の「探す」選択肢に「住所録」連動の「世界遺産、日本百名山、日本百選、桜名木、鉄道駅」を追加。現在表示している地図範囲の該当の場所を別…

Ver.5.10:GPS情報の無い写真をGoogleマップに

MyHome Portal Ver.5.10をリリースしました。 http://ok2nd.web.fc2.com/download.html Chrome以外のブラウザの場合、カレンダー入力画面その他の「年」選択<select>プルダウンを、<input type="text">に変更し、▲▼ボタンで年を上下するようにしました。 ツール「GPSログ View」の写真表</select>…

Ver.5.09:GPSログViewに写真表示機能

MyHome Portal Ver.5.09をリリースしました。 http://ok2nd.web.fc2.com/download.html Chromeの場合、カレンダー入力画面その他の「年」選択<select>プルダウンを、HTML5の<input type="number">に変更。 ツール「GPSログ View」にGPSデータ付き写真表示機能を追加。 指定フォルダ内のJPE</select>…

Ver.5.08:GPSログViewに標高・速度のグラフ

MyHome Portal Ver.5.08をリリースしました。 http://ok2nd.web.fc2.com/download.html ツール「GPSログ View」一覧に、日付フィルタ追加。 ツール「GPSログ View」一覧で選択したGPSログのスタート地点の場所一覧をGoogleマップで表示する機能を追加しまし…

Ver.5.07:GPSログ ビューワー by 轍(Wadachi)

MyHome Portal Ver.5.07をリリースしました。 http://ok2nd.web.fc2.com/download.html ツールに「GPSログ View」を追加しました。 GPXファイルをアップロードすると、Google Mapsを使って、ルート表示できます。 ルート全体の距離、出発時間、到着時間、所…

Ver.5.05:Google地図、店検索とマーカー文字表示

MyHome Portal Ver.5.05をリリースしました。 http://ok2nd.web.fc2.com/download.html ツール「Google Maps API V3版」で、レストランやコンビニ等の場所を検索できるようにしました。 「Google Maps JavaScript API V3 Places ライブラリ」を使用していま…

Ver.4.22:写真 EXIF GPS情報からGoogleマップ

MyHome Portal Ver.4.22をリリースしました。 http://ok2nd.web.fc2.com/download.html アルバムの「EXIF情報」に、GPS緯度・経度追加。EXIFデータにGPSデータが含まれている場合、緯度、経度を表示し、Googleマップとツール「Google Maps API V3版」リンク…

Google Maps API:PC&スマートフォン

MyHome Portalの「Google Maps API V3版」を、GAEサーバ上に載せてみました。 ≪2nd Maps≫ http://maps.ok2nd.biz/pc 地図の任意の地点をクリックすると、その地点の緯度・経度、住所、標高を表示します。 「距離」モードでは、クリックした地点間の距離を表…

Ver.4.16:Googleマップ:距離測定機能

MyHome Portal Ver.4.16をリリースしました。 http://ok2nd.web.fc2.com/download.html Ver.4.16 リリースガイド (2/2) ツール「Google Maps API V3版」と「Google Maps (複数地点) API V3版」に、距離測定機能を追加しました。 距離測定機能は、「Seis Peso…

Ver.4.15:(2/2) Google Mapsで標高と海の深さ

MyHome Portal Ver.4.15をリリースしました。 http://ok2nd.web.fc2.com/download.html Ver.4.15 リリースガイド (2/2) ツール「Google Maps API V3版」と「Google Maps (複数地点) API V3版」に、マウスクリックした地点の標高を表示する機能を追加。 海を…

Ver.4.15:(1/2) 日本百選とマーカーアイコン

MyHome Portal Ver.4.15をリリースしました。 http://ok2nd.web.fc2.com/download.html Ver.4.15 リリースガイド (1/2) 「住所録」一覧とマップ(V3)に、任意のマーカーアイコンを表示する機能を追加しました。 「住所録」の「日本百名山」のデータを更新しま…

Ver.4.14:(3/4) Google Maps 緯度・経度、写真

MyHome Portal Ver.4.14をリリースしました。 http://ok2nd.web.fc2.com/download.html Ver.4.14 リリースガイド (3/4) ツール「Google Maps API V3版」と「Google Maps (複数地点) API V3版 」に、マウスクリックした地点の緯度・経度と住所を表示する機能…

都道府県の全駅マップ作成

MyHome Portal Ver.3.13で、鉄道駅データを追加して、Googleマップで路線図表示などが出来るようになりました。 http://ok2nd.blog87.fc2.com/blog-entry-249.html 都道府県を選択して、Googleマップを作成すると、その都道府県の全駅の地図ができます。 「J…

Google Maps API V3の不具合??

MyHome Portal Ver.3.08で、「カレンダー」「旅行記」「住所録」のマップ機能のGoogle Maps JavaScript API V3版を作成しましたが、Google Maps APIは、V2とV3では、ほとんど全くと言って良い程違っていて、全面書き換えとなりました。 V3版を作成・テストし…

Ver.3.08:Google Maps API V3版作成

MyHome Portal Ver.3.08をリリースしました。 http://ok2nd.web.fc2.com/download.html INDEXトップページの「乗換(駅探)」ボタンの乗車駅のデフォルトを設定できるようにしました。 「旅行記」のGoogleマップの高さを変更できるようにしました。 「カレンダ…