Skip to main content
Communityユーザーがトップに表示した
Communityユーザーがトップに表示した
本文に 104 文字追加
ソース リンク
user35303
user35303

leaflet で地図上に矢印を書きたいのですが
矢印の先端部分を緯度経度に依存しない固定ピクセルの三角形を描画したいです

x1, x2, y1, y2 は緯度経度が入っていて

L.polyline([x1, y1], [x2, y2]).addTo(map);

でメインの直線を描画したあと

L.polyline([x2, y2], [x2 - dx + dy, y2 - dy - dx], [x2 - dx - dy, y2 - dy + dx]).addTo(map);

という感じで先端の三角形を書きたいので dx, dy を固定ピクセル分の長さを
緯度経度に変換して渡したいです
(測地系の偏差は無視して構わないです)

コメントで教えていただいた layerPointToLatLng を使うと
ピクセル指定で図形描画はできたのですが
描画したズームでの座標で固定してしまうと
地図を拡大縮小すると潰れたり大きくなりすぎたりしてしまいます

CircleMarker のようにズームによって再描画した時固定のピクセルで描画するには
どうすればいいんでしょうか

自前の arrow_line みたいなクラスを line を継承して作って
再描画メソッドをオーバーライドして zoomlevel から座標を再計算して描画する
というようなことをするしかないのでしょうか

leaflet で地図上に矢印を書きたいのですが
矢印の先端部分を緯度経度に依存しない固定ピクセルの三角形を描画したいです

x1, x2, y1, y2 は緯度経度が入っていて

L.polyline([x1, y1], [x2, y2]).addTo(map);

でメインの直線を描画したあと

L.polyline([x2, y2], [x2 - dx + dy, y2 - dy - dx], [x2 - dx - dy, y2 - dy + dx]).addTo(map);

という感じで先端の三角形を書きたいので dx, dy を固定ピクセル分の長さを
緯度経度に変換して渡したいです
(測地系の偏差は無視して構わないです)

コメントで教えていただいた layerPointToLatLng を使うと
ピクセル指定で図形描画はできたのですが
描画したズームでの座標で固定してしまうと
地図を拡大縮小すると潰れたり大きくなりすぎたりしてしまいます

CircleMarker のようにズームによって再描画した時固定のピクセルで描画するには
どうすればいいんでしょうか

leaflet で地図上に矢印を書きたいのですが
矢印の先端部分を緯度経度に依存しない固定ピクセルの三角形を描画したいです

x1, x2, y1, y2 は緯度経度が入っていて

L.polyline([x1, y1], [x2, y2]).addTo(map);

でメインの直線を描画したあと

L.polyline([x2, y2], [x2 - dx + dy, y2 - dy - dx], [x2 - dx - dy, y2 - dy + dx]).addTo(map);

という感じで先端の三角形を書きたいので dx, dy を固定ピクセル分の長さを
緯度経度に変換して渡したいです
(測地系の偏差は無視して構わないです)

コメントで教えていただいた layerPointToLatLng を使うと
ピクセル指定で図形描画はできたのですが
描画したズームでの座標で固定してしまうと
地図を拡大縮小すると潰れたり大きくなりすぎたりしてしまいます

CircleMarker のようにズームによって再描画した時固定のピクセルで描画するには
どうすればいいんでしょうか

自前の arrow_line みたいなクラスを line を継承して作って
再描画メソッドをオーバーライドして zoomlevel から座標を再計算して描画する
というようなことをするしかないのでしょうか

本文から 72 文字削除; タイトルを編集
ソース リンク
user35303
user35303

leaflet で緯度経度と zoom を変更したときにも固定ピクセルで図形変換描画したい

leaflet で地図上に矢印を書きたいのですが
矢印の先端部分を緯度経度に依存しない固定ピクセルの三角形を描画したいです

x1, x2, y1, y2 は緯度経度が入っていて

L.polyline([x1, y1], [x2, y2]).addTo(map);

でメインの直線を描画したあと

L.polyline([x2, y2], [x2 - dx + dy, y2 - dy - dx], [x2 - dx - dy, y2 - dy + dx]).addTo(map);

という感じで先端の三角形を書きたいので dx, dy を固定ピクセル分の長さを 
緯度経度に変換して渡したいです
(測地系の偏差は無視して構わないです)

https://leafletjs.com/reference-1.6.0.html#transformation コメントで教えていただいた layerPointToLatLng を使うと
マニュアルを調べてみたんですが projection 関連のメソッドには緯度経度をメートルに変換するものピクセル指定で図形描画あるんできたのですが
当然ズームレベル描画したズームで影響を受けるので座標で固定のピクセルにはしてしまうと
地図を拡大縮小すると潰れたり大きくなりませんすぎたりしてしまいます

CircleMarker のようも当然そういうことができるメソッドがあると思うんですが
マニュアルズームによって再描画した時固定メソッドが膨大ピクセル見つけられないのでご存知だったら教えていただきたいです描画するには
どうすればいいんでしょうか

leaflet で緯度経度とピクセルを変換したい

leaflet で地図上に矢印を書きたいのですが
矢印の先端部分を緯度経度に依存しない固定ピクセルの三角形を描画したいです

x1, x2, y1, y2 は緯度経度が入っていて

L.polyline([x1, y1], [x2, y2]).addTo(map);

でメインの直線を描画したあと

L.polyline([x2, y2], [x2 - dx + dy, y2 - dy - dx], [x2 - dx - dy, y2 - dy + dx]).addTo(map);

という感じで先端の三角形を書きたいので dx, dy を固定ピクセル分の長さを緯度経度に変換して渡したいです
(測地系の偏差は無視して構わないです)

https://leafletjs.com/reference-1.6.0.html#transformation
マニュアルを調べてみたんですが projection 関連のメソッドには緯度経度をメートルに変換するものあるんですが
当然ズームレベル影響を受けるので固定のピクセルにはなりません

も当然そういうことができるメソッドがあると思うんですが
マニュアルメソッドが膨大見つけられないのでご存知だったら教えていただきたいです

leaflet で zoom を変更したときにも固定ピクセルで図形描画したい

leaflet で地図上に矢印を書きたいのですが
矢印の先端部分を緯度経度に依存しない固定ピクセルの三角形を描画したいです

x1, x2, y1, y2 は緯度経度が入っていて

L.polyline([x1, y1], [x2, y2]).addTo(map);

でメインの直線を描画したあと

L.polyline([x2, y2], [x2 - dx + dy, y2 - dy - dx], [x2 - dx - dy, y2 - dy + dx]).addTo(map);

という感じで先端の三角形を書きたいので dx, dy を固定ピクセル分の長さを 
緯度経度に変換して渡したいです
(測地系の偏差は無視して構わないです)

コメントで教えていただいた layerPointToLatLng を使うと
ピクセル指定で図形描画できたのですが
描画したズームで座標で固定してしまうと
地図を拡大縮小すると潰れたり大きくなりすぎたりしてしまいます

CircleMarker のようズームによって再描画した時固定ピクセル描画するには
どうすればいいんでしょうか

ソース リンク
user35303
user35303

leaflet で緯度経度とピクセルを変換したい

leaflet で地図上に矢印を書きたいのですが
矢印の先端部分を緯度経度に依存しない固定ピクセルの三角形を描画したいです

x1, x2, y1, y2 は緯度経度が入っていて

L.polyline([x1, y1], [x2, y2]).addTo(map);

でメインの直線を描画したあと

L.polyline([x2, y2], [x2 - dx + dy, y2 - dy - dx], [x2 - dx - dy, y2 - dy + dx]).addTo(map);

という感じで先端の三角形を書きたいので dx, dy を固定ピクセル分の長さを緯度経度に変換して渡したいです
(測地系の偏差は無視して構わないです)

https://leafletjs.com/reference-1.6.0.html#transformation
マニュアルを調べてみたんですが projection 関連のメソッドには緯度経度をメートルに変換するものはあるんですが
当然ズームレベルの影響を受けるので固定のピクセルにはなりません

他にも当然そういうことができるメソッドがあると思うんですが
マニュアルのメソッドが膨大で見つけられないのでご存知だったら教えていただきたいです