我々は MAUI で Goodbye Xamarin できるのか？
(この記事は多くの推測を含みます。意見交換 で投稿すると Advent Calendar とリンクできないので通常投稿します。) Xamarin は .NET6 の一部となる ことが発表されて半...
29
11
Comment0
352 search resultsShowing 1~20 results
Stocked
You need to log-in
ドルガバで学ぶ turf.js の論理演算機能
年に一度くらい魔が差す時があるので。 元ネタ と異なり、文字の輪郭を忠実にポリゴンとして扱います。つまり「D」は穴あきポリゴンです。 const polygonD = { "type":"Fea...
4
2
Comment0
地図が移動した時のイベントで任意の移動メソッドによる移動を識別する
MapBox GL JS で、地図をスクロールさせたり拡大縮小させると、moveend イベントにより移動が完了したことが通知されます。 const map = new mapboxgl.Map...
1
0
Comment0
図形を単純化する simplify
複雑な図形を間引いてシンプルな図形にします。 Ramer-Douglas-Peucker というアルゴリズムを使っているそうです。 const polygon1 = {"type":"Featu...
0
1
Comment0
Map.loadImage は Promise 化するのが吉
これは小手先のテクニックです。 Add an icon to the map のように、Symbol Layer を表示するためには、アイコン画像を事前に Map.loadImage し、さらに...
2
1
Comment0
図形を拡大・縮小する transformScale
移動、回転と来たら拡大縮小もやらざるを得ない。。 let polygon1 = { "type": "Feature", "properties": {}, "geometry": { "typ...
0
0
Comment0
図形を回転する transformRotate
角度と基点を指定して図形を回転させます。 Rotate features - JSFiddle - Code Playground let polygon1 = { "type": "Featu...
0
0
Comment0
図形を移動する transformTranslate
距離と方向を指定して図形を移動します。 Translate features - JSFiddle - Code Playground let polygon1 = { "type": "Fea...
0
0
Comment0
ポリゴン内の位置を返すさまざまな関数「center, centroid, centerOfMass, pointOnFeature」
建物や地形のポリゴンの「中に」マーカーを立てたいケースはいろいろあります。 turf.js で用意されているポリゴン内の位置を返す様々な機能を見ていきましょう。 黒: center 青: cen...
3
2
Comment0
開始点、終了点を指定してラインを分割する(始点終点が逆だった場合)
開始点、終了点を指定してラインを分割する の追加情報ですが。 先の例では、分割対象のラインの向きと同じ順番で分割点を指定しました。 当然分割された線も分割対象のラインと同じ向きになりました。 で...
0
0
Comment0
表示されている地図の「1ピクセルは何メートルか？」を計算する
地図の世界の座標は緯度経度や実測のメートルやキロメートルなどがよく使用されますが、地図を使用したソフトウェアでは、しばしば「画面上のピクセル単位」で距離を指定したい場合があります。 例えば地図上...
1
0
Comment0
開始距離、終了距離を指定してラインを分割する
開始点、終了点を指定してラインを分割する と似ていますが、こちらは、「距離 L メートルのラインの内、開始から S メートル ～ E メートル区間を切り取る」というものです。 lineSlice...
0
0
Comment0
開始点、終了点を指定してラインを分割する
指定した緯度経度から最も距離の短い線分上の緯度経度を返す では、「ライン上の点」を描画しましたが、マウス座標に最も近い「ライン上のライン」を描くにはどうしたらよいでしょうか。 こんなやつです。 ...
1
0
Comment0
LngLatBounds は正しく「南西」→「北東」の順に渡しましょう
Mapbox で「地図の範囲」を示すのに LngLatBounds というクラスがあります。 Geography and geometry | Mapbox GL JS | Mapbox このク...
1
0
Comment0
指定した緯度経度から最も距離の短い線分上の緯度経度を返す
文字で説明するとよくわからないので、インタラクティブに表すと次の図のようなものです。 マウスカーソルの位置に最も近い、線分(LineString)上の点を赤で描画しています。 これは turf....
2
0
Comment0
ポップアップの背景色をカスタマイズする
マーカーをクリックしたときや、任意の位置にポップアップを表示させることができます。 既定の背景色は「白」ですが、css でカスタマイズできます。 こんな見た目にカスタマイズできます Mapbox...
2
1
Comment2
turfjs の import 戦略について考える
turf.js を使うには、 全てのモジュールが含まれた @turf/turf を import する 個々の機能の @turf/xxxx を複数選んで import する の方法があります。 ...
3
1
Comment0
地図の四隅にボタンを追加する
Mapbox の地図の左上には、拡大・縮小ボタンなどが表示されています。 ここに任意のボタンを追加してみます。 // Control implemented as ES6 class class...
1
3
Comment2
Mapbox で点をスムースに移動させる
Mapbox で移動する点を描く では、連続した点を単純に描画してみました。 が、パカパカ移動するので何だかつまらないしありきたりです。 なので、Uber アプリのようにもっとスムースにシンボル...
4
4
Comment0
Mapbox で移動する点を描く
よくある「スマートフォンなどの位置情報を受信して、その位置を地図上に示す」を Mapbox で行います。 Mapbox でのピン表示について考える で書いたとおり、「頻繁なアニメーションが伴う場...
0
2
Comment0
352 search resultsShowing 1~20 results
Qiita is a knowledge sharing service for engineers.
- You can follow users and tags
- You can stock useful information
- You can make edit suggestions for articles