サルでもわかるWEBプログラミング

フリーソフトのみでホームページ作成

現在位置: index.html » z_blog » 2019 » 190716_map

トレース: • 2023 • 190716_map

z_blog:2019:190716_map

差分

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

この比較画面へのリンク

--- z_blog:2019:190716_map [2019/08/28] – [map関連] adash333
+++ z_blog:2019:190716_map [2019/09/06] (現在) – [map関連] adash333
@@ 行 45: / 行 45: @@
 https://codehandbook.org/use-leaflet-in-angular/
 How To Use Leaflet In Angular Web Apps
-→Angular6でOpenstreetMapを表示する方法が記載されています。
+→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/ohwada/items/c3741fb14a5142035314
-@ohwada
-年03月23日に更新
-osmdroid を使って OpenStreetMap の地図を Android に表示する
 https://qiita.com/nyampire/items/5fd06107f25bc12a526f
@@ 行 59: / 行 78: @@
 年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で位置情報の「許可」をタップできない場合の対処法
@@ 行 312: / 行 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
@@ 行 317: / 行 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>

z_blog/2019/190716_map.1567027556.txt.gz · 最終更新: 2019/08/28 by adash333