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

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

ユーザ用ツール

サイト用ツール


z_blog:2019:190716_map


差分

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

この比較画面へのリンク

両方とも前のリビジョン前のリビジョン
次のリビジョン
前のリビジョン
z_blog:2019:190716_map [2019/08/28] – [map関連] adash333z_blog:2019:190716_map [2019/09/06] (現在) – [map関連] adash333
行 43: 行 43:
 地図ライブラリの本命「Leaflet」を5分で理解&導入する 地図ライブラリの本命「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入門1|マップを表示する
 +2018/3/26 2018/7/21
 +
 +https://kita-note.com/leaflet-tutorial-5
 +Leaflet入門5|地図に現在地を表示する1
 +2018/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
 +2019年06月10日に更新
 +Leafletのマーカーを変更する
 +→マーカーを追加し続ける状態から、更新する状態への実装方法
  
-https://qiita.com/ohwada/items/c3741fb14a5142035314 
-@ohwada 
-2019年03月23日に更新 
-osmdroid を使って OpenStreetMap の地図を Android に表示する 
  
 https://qiita.com/nyampire/items/5fd06107f25bc12a526f https://qiita.com/nyampire/items/5fd06107f25bc12a526f
行 54: 行 78:
 2016年12月22日に更新 2016年12月22日に更新
 行政サイトでウェブ地図を使う際の注意点などまとめ 行政サイトでウェブ地図を使う際の注意点などまとめ
 +
 +https://qiita.com/MYamate_jp/items/1128399f3ce14fd5590e
 +@MYamate_jp
 +2019年01月10日に投稿
 +Vue.jsを使いつつ、OpenStreetMapを表示する
 +
 +
 +
 +
 +
 +
 +
 +
 +===== 現在地情報の許可がタップできない場合 =====
 +
 +https://www.comocci.com/2019/05/09/android_chrome/
 +2019.05.09
 +AndroidのChromeで位置情報の「許可」をタップできない場合の対処法
  
  
行 307: 行 349:
  
 ===== 2点間の距離の計算(緯度と経度) ===== ===== 2点間の距離の計算(緯度と経度) =====
 +
 +setInterval
 +で、1分おきに、緯度と経度を取得して、以下のように動いた距離Lを計算
 +L_sum = L_sum + L
 +で、今までの距離に加算する
 +
 +L_sumが3の倍数になるたびに卵が1個ふか。
 +
 +
 +https://qiita.com/kawanet/items/a2e111b17b8eb5ac859a
 +@kawanet
 +2018年08月05日に投稿
 +緯度経度から2地点間の距離 (km) を計算する JavaScript
 +
 +
 +
 +
  
 https://www.logical-arts.jp/archives/18 https://www.logical-arts.jp/archives/18
行 312: 行 371:
 投稿日:2009年12月14日 更新日:2016年5月11日 投稿日: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.1567027010.txt.gz · 最終更新: 2019/08/28 by adash333

Donate Powered by PHP Valid HTML5 Valid CSS Driven by DokuWiki