問題タブ [mercator]
For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.
javascript - Leaflet と MapBox API - 地球の形に沿った曲線
MapBox API が地球の曲線を考慮しながら地図上の 2 点間に最短の線を描画できるようにするプラグインの実装に成功した、またはプラグインを見つけた人はいますか? Google マップには既にこれがあります。次のリンクを参照してください。
https://developers.google.com/maps/documentation/javascript/examples/geometry-headings?hl=nl
マーカーをドラッグしてみてください。メルカトル図法でこのようにルートを計算するための正式な用語が何であるかわかりません。すぐにこの質問のタイトルを編集します。
.net - .NET を使用して静的イメージ マップに緯度/経度の値をプロットする
Google Maps Image APIを使用して、地図の静止画像を取得しています。中心位置の座標とズーム レベルがあります。
私がやりたいことは、他の緯度/経度座標を静的マップ イメージに配置することです。そのため、緯度/経度座標を XY 座標に変換する必要があります。
私のアプローチ:
最初に、これに似たメルカトル図法を使用して、中心点のワールド座標を計算します。次に、以下の式を使用して静止画像の境界を計算します。
SWPointとNEPointは、南西ポイントと北東ポイント (イメージ マップの境界)のワールド座標です。次に、次の式を使用してこれらの点のピクセル座標を計算します。
境界のピクセル座標を取得した後、同じ数式を使用して、(マップにプロットする) 各緯度/経度ポイントのピクセル座標も計算します。
画像に特定のポイントを配置するために、次を使用します。
このようにして、ポイントを(左上隅から)移動するピクセルの量を把握できます。
このアプローチは機能していますが、ズーム レベルが非常に高い場合は特に正確ではありません。ポイントは、許容できない距離だけオフセットされています。
どうすればこれを機能させることができますか?ここで何か不足していますか?私は本当に助けていただければ幸いです:)
c# - 外部 API を使用せずに地図画像に GPS 座標を配置する
私は現在「トリップトラッカー」に取り組んでいます。目標は、MapQuest (または OpenStreetMap) からダウンロードした静止画像マップに GPS 座標 (GPS デバイスによって記録されたもの) を配置することです。この目標を達成するために、次の手順に従いました。
- GPS 座標セットの中心を見つける ((maxLat-minLat)/2, (maxLon-minLon)/2)
- MapQuest から「座標セットの中心」を中心とした 3840x3840 マップ (今のところ固定ズーム 15) をダウンロードします。
- メルカトル図法を使用して (私は EPSG:4326 または EPSG:3857 で球形と楕円形の両方を試します)、中心の (X,Y) をメートル単位で取得します
- 私のセットの各ポイントについて
- メルカトル図法を使用してポイントの (X,Y) を取得します
- point(X,Y) を center(X,y) に引きます
- ズーム レベルとマップ (タイル?) 幅に従ってメートルをピクセルに変換します (タイル幅 (256) とマップ幅 (3840) の両方を試しました)
残念ながら、1 週間の調査と試行で、私はそれらのポイントを設定することに成功しませんでした。
この種の問題に対する完全な解決策を持っている人はいますか?
ありがとうございました
編集#1
(削除: 矛盾)
編集#2
ここにきれいなプロジェクトのサンプルがあります
https://dl.dropboxusercontent.com/u/429726/MapSample.zip
- パスは 90° 回転します (だまされた @MainWindow.xaml.cs:L130)
- パスは平坦です
画像: https://dl.dropboxusercontent.com/u/429726/MapSample.jpg
編集 #3
複数の数式を追加
GeographicCoordinates > ToMercator() の変更
GeographicCoordinate > ToMercator() の変更
編集#4
複数の数式と Proj.Net ライブラリを試してみましたが、常に同じ形状 (-90° && "flatened") になります。
javascript - d3 メルカトル図法でメートル単位で距離を測定 (または変換)
だから私は現在これを使って、d3のメルカトル図法を使って多角形の面積を計算しています
問題は、メートルまたはキロメートルに変換する必要があることです。ズームレベルによって変わると思うので、どの式を使用すればよいかよくわかりません。この式を正しくするために正しい方向を教えてくれる人はいますか?
本当は面積を掴むためだけにリーフレットに切り替えようと思っています。考え?
ありがとう!
xcode - マップビューなしでカスタム画像にユーザーの位置を表示する方法
ある領域のカスタム Photoshop イメージがあります。
ほとんどが長方形なので、Google マップを使用して 4 つの角の座標を取得しました。
これらの 4 つのコーナーをその画像だけで x 軸と y 軸に変換し、Core Location を使用してこれらの 4 つのコーナー内にユーザーの位置を表示したいと思います (それ以外は必要ありません)。
マップビューを使用せずにこれを行うことはできますか? その小さな領域以外に他の機能は必要ありません。それとも、カスタム タイルを mapkit にオーバーレイし、ビューを制限してその領域をズームし、そこから作業する必要がありますか? (これは、メルカトル座標でこれを行う方法があった場合よりも多くのリソースを必要とするようです)
どんな良いチュートリアルでも大歓迎です!
html - LineString の幅を一定に保つための D3 Map ズーム イベント
http://bl.ocks.org/d3noob/5193723の上に構築して、マップ上に Line String を追加しようとしました。
次のようにコードにいくつかの変更を加えました。
ズームインすると、それに応じて線の太さが増します。
私のアプリケーションには多くの行があるため、行幅を一定に保ちたいと考えています。何か案は?d3 の単純な「線」オブジェクトを使用して svg に描画すると、拡大/縮小時の線の太さの動作を制御できます。メルカトル変換を使用して線を投影すると、パス オブジェクトが作成されますが、これは制御が非常に難しく、私はそれを処理できません。1 つの方法は、ズーム アクションですべてのライン パスを再レンダリングすることですが、それを効率的に行う方法がわかりません。
d3.js - d3.geo.mercator でスケールはどのように使用されますか?
http://bl.ocks.org/mbostock/5616813で d3 ベクター タイルの例を見ていました。
私がやろうとしているのは、これを Google マップにレイアウトすることなので、Google マップの投影法で変更しています。
ただし、うまく機能していないようです。だから私は例に戻り、この例で使用されているスケールと変換を理解しようとしましたが、できませんでした..
誰かが次のコードについてもう少し説明できますか?
ここは中心が分かりやすく訳しやすいのですが、ここで使われている目盛りは何ですか?
助けてくれてありがとう!