.. | |||
db | 5 years ago | ||
.htaccess | 5 years ago | ||
README.md | 5 years ago | ||
maruike.cgi | 5 years ago | ||
maruike.html | 5 years ago | ||
maruike.js | 5 years ago | ||
maruike_debug.geojson | 5 years ago | ||
maruike_gps.js | 5 years ago | ||
yuza.geojson | 5 years ago | ||
yuza2.geojson | 5 years ago |
丸池を属性によって案内が変わるやつになるやつ
丸池デバック用umap
geoJsonから緯度経度を取得する方法がわかったがどんどん上書きされるので配列かなんかにして変数に入れる できた
距離計算のとき↑の変数に入れた緯度経度の数だけ計算するできた
ある一定範囲内にGPSを取得したら表示させる(popupどうしよう上と同じ方法でできそう)できた データベースとの連携をやる
geoJsonのcoordinatesが経度,緯度の順で書かれてること。Leafletは緯度,経度。このままだと距離計算がおかしくなるので修正する必要あり。
geoJsonを変更すればいいかと思ったがonEachFeatureでアイコンを打つときにずれるのでだめ
→読み取り後に変更する必要がある できた
onEachFeatureでマップ上に表示したアイコンの指定の仕方がわからんできた
範囲指定の方法
アイコンの緯度経度から何m(単位は要確認)を範囲とするか決める
var hoge = 15
範囲を円形に設定する必要 or 直線で計算するから円形にする必要なし
次にuserの位置(緯度経度)からアイコンの位置の距離の計算をするx.distanceTo(y)
if 距離 <= hoge ならコメント表示(最終的には属性で内容変更) できた
stopについて
ブラウザでGPS取得を許可してからでないと止まらない スマフォでは正常にGPS取得が止まる