勉強したことのメモ

webプログラマが勉強したことのメモ。

leaflet.jsとOSMで現在地の取得

   

leaflet.jsとOpenStreetMapで現在位置を取得しマップ上にマーカーを設置したかった。以下に方法をメモ。

 

サンプル

https://taitan916.info/sample/osm/gps.php

 

ソース

 

注意点

GoogleMapAPIの時と同様に位置情報を取得するにはHTTPS接続の必要がある。例えば以下はサンプルと同じファイルだがHTTPS接続ではない為、位置情報が取得できない。

http://sample.taitan916.info/osm/gps.php

また、leaflet.jsをCDN呼び出しする場合は以下に変更する(前までの記事ではHTTPSが用意されていなかった)。

 - JavaScript ,

  関連記事

GoogleMapAPIでジオコーディングできない

住所から経度緯度を取得するジオコーディングをGoogleMapAPIを用いて行お ...

JavaScriptでAjaxを使わずにクロスドメインから変数を取得する

JavaScriptの配列形式で出力するファイルを作成しておき、 動的にソースに ...

JavaScriptの三項演算子

いつもと違う書き方? 使い方の三項演算子が あったのでメモ。 ■ソース var ...

JavaScriptで配列をループ処理(for-in)

JavaScriptでforeach使ったこと無かったけど、 配列のキーが連番じ ...

javascript:void(0)について

よく使う<a href="javascript:void(0)" oncl ...

GoogleMapで都道府県の中心地と県庁所在地

GoogleMapで都道府県の中心地もしくは県庁所在地にマーカーを立てたかった。 ...

ユーザーエージェントなどユーザー情報を取得する方法

上からUA、IP、ホスト名を取得。 $ua = $_SERVER['HTTP_U ...

formでdisplay:none;にしてても送信される

formで特定の部分をdisplay:none;で非表示にしてても 内容は送信さ ...

JavaScriptでURLのクエリを取得する2

直近で調べたのとは別に、 http://aaa.bbb/ccc/id123?te ...

JavaScriptで年齢計算

JavaScriptで年齢計算。 ■ソース function ageCalcul ...