差分

このページの2つのバージョン間の差分を表示します。

--- z_blog:2019:190716_map [2019/08/27] – [アプリをandroidスマホにインストールした後に権限の許可が必要] adash333
+++ z_blog:2019:190716_map [2019/09/06] (現在) – [map関連] adash333
@@ 行 19: / 行 19: @@
   -ルーレットアプリの作成
   -ルーレットアプリ(WebGL)をNetlifyで公開
-  -ルーレットアプリ(WebGL)をpwa化してNetlifyで公開（オフラインでゲームができるようになる）
+  -ルーレットアプリ(WebGL)をpwa化してNetlifyで公開（→オフラインでゲームができるようにはできず(2019年8月)）
   -Unityで現在位置のマップを表示と、緯度経度の表示
   -1分ごとに現在位置の緯度経度を取得して、歩いた距離をlocalstorageに保存
@@ 行 38: / 行 38: @@
 Vue で地図を表示する無料で最短の道
-https://qiita.com/ohwada/items/c3741fb14a5142035314
+https://qiita.com/mitch0807/items/7ed4eaf6253a9b879ae7
-@ohwada
+@mitch0807
-年03月23日に更新
+年03月14日に更新
-osmdroid を使って OpenStreetMap の地図を Android に表示する
+地図ライブラリの本命「Leaflet」を5分で理解&導入する
+https://codehandbook.org/use-leaflet-in-angular/
+How To Use Leaflet In Angular Web Apps
+→Angular6でleaflet.jsを用いてOpenstreetMapを表示する方法が記載されています。
+https://kita-note.com/leaflet-tutorial-1
+Leaflet入門１｜マップを表示する
+/3/26 2018/7/21
+https://kita-note.com/leaflet-tutorial-5
+Leaflet入門５｜地図に現在地を表示する１
+/4/5 2018/8/6
+→現在地が取得できるそうです。
+https://webplus8.com/leaflet-demo02/
+公開日2019.01.24 最終更新日2019.01.24 システム開発Tips
+Leafletで地図を実装するデモ(2)
+https://www.achiachi.net/blog/leaflet/cross
+Leaflet センタークロス表示
+→この方法でgif画像を地図の真ん中に表示できそう
+http://www.sozaibokujo.com/2017/06/27/rpg%E3%81%AE%E5%8B%87%E8%80%85%E3%81%AE%E3%82%A2%E3%82%A4%E3%82%B3%E3%83%B3/
+RPGの勇者のアイコン
+https://qiita.com/hsgucci/items/c47057268af1416a18c2
+@hsgucci
+年06月10日に更新
+Leafletのマーカーを変更する
+→マーカーを追加し続ける状態から、更新する状態への実装方法
+https://qiita.com/nyampire/items/5fd06107f25bc12a526f
+@nyampire
+年12月22日に更新
+行政サイトでウェブ地図を使う際の注意点などまとめ
+https://qiita.com/MYamate_jp/items/1128399f3ce14fd5590e
+@MYamate_jp
+年01月10日に投稿
+Vue.jsを使いつつ、OpenStreetMapを表示する
+===== 現在地情報の許可がタップできない場合 =====
+https://www.comocci.com/2019/05/09/android_chrome/
+.05.09
+AndroidのChromeで位置情報の「許可」をタップできない場合の対処法
 ===== Unityで地図 =====
@@ 行 289: / 行 349: @@
 ===== 2点間の距離の計算（緯度と経度） =====
+setInterval
+で、1分おきに、緯度と経度を取得して、以下のように動いた距離Lを計算
+L_sum = L_sum + L
+で、今までの距離に加算する
+L_sumが3の倍数になるたびに卵が1個ふか。
+https://qiita.com/kawanet/items/a2e111b17b8eb5ac859a
+@kawanet
+年08月05日に投稿
+緯度経度から2地点間の距離 (km) を計算する JavaScript
 https://www.logical-arts.jp/archives/18
@@ 行 294: / 行 371: @@
 投稿日：2009年12月14日	更新日：2016年5月11日
+<code>
+function distance(lat1, lng1, lat2, lng2) {
+  lat1 *= Math.PI / 180;
+  lng1 *= Math.PI / 180;
+  lat2 *= Math.PI / 180;
+  lng2 *= Math.PI / 180;
+  return 6371 * Math.acos(Math.cos(lat1) * Math.cos(lat2) * Math.cos(lng2 - lng1) + Math.sin(lat1) * Math.sin(lat2));
+}
+</code>