2016-06-14 13 views
1

Googleマップに一連のオーバーレイを配置しようとしています。私はsample code for ground overlaysと一緒に従っていますが、北/南/東/西境界を使用してイメージの配置を指示することしかできません。私のイメージが矩形であり、経度と緯度の線に沿ったものである限り、この作品は動作します。私は本当にカスタムスケールと角度の向きを含む画像を正確に配置したいと思っています。それは地上のオーバーレイでは不可能と思われます。Googleマップでオーバーレイ画像を回転させるにはどうすればよいですか?

ここでは、使用可能なケースを示します。都市計画者が駐車可能性をテストするのを助けるウェブサイトを構築しています。

  • 都市計画担当者は、解析ウェブサイト上のGoogleマップを使用して、多角形選択ツールを使用して通りのエリアを選択します。
  • ウェブサイトスクリプトは、選択されたポリゴンエリアの駐車可否をテストします。
  • 評価が終わったら、車のランダムな画像をページに貼り付けて、利用できるものをユーザーがよりよく視覚化できるようにしたいと思います。
  • 私は車の矩形の平面図を作成できますが、必要に応じてX度で画像を回転する方法を理解することはできません。北東/南/東/西(NSEW)に垂直に問題はありませんが、角度をつけることができません。
  • これは元のマップの方向性に関係なく機能します。目標は、提案されたソリューションを現在のマップビューで完了し、スケールすることです。
  • は、明らかに画像が完全に可視マップにスケーリングしなければならず、それは

Parking Lot Assessment via mapping tools. (この画像では、都市計画者(マイナー緯度長さ調整が必要になることがある。)を行うにはかなり簡単ですポリゴン選択ツールで関心領域を選択しました。次のステップは、領域を評価し、駐車した車に貼り付けて、スケールして貼り付けます)

私が見ているすべてのGoogleマッピングネイティブオーバーレイツールLatLngBoundsクラスに依存します。したがって、NSEWの垂直配置の問題です。私は、希望の角度を計算することができます知っている、PHPサーバーに行く、php imagerotateごとに、透明な背景と.png画像を回転するが、ジオマッピングのためのそのようなハッキングのようです。また、.pngファイルで車をプリローテートしてred_car_15degrees.pngblue_car_30degrees.pngwhite_pickup_45degrees.png(3つの異なる車x 0度から45度まで5度ずつ増分)で保存することもできますが、それもハックのように感じます。

希望の向きの角度でカスタムマップのオーバーレイを作成することはできますか。車内でレイヤーを作成して、利用できる都市プランナーを表示できますか?どうもありがとう。

+0

[ウェブアプリケーションでGoogleマップを回転させる方法](http://stackoverflow.com/questions/33747493/how-to-rotate-a-google-map-in-a-web-application) ) – geocodezip

+0

@geocodezip Er、no。私は車でその駐車場を積み重ねたい。角度がありますか?角度がない?私が角度を付ける車で、全体の地図ではありません。一部の駐車方式では、すべての車は30度右です。車線の反対側には、30度左に駐車しています。オーバレイはランダムな車画像になります。私はNSEWではない道についての少しのコメントを削除するために私の投稿を更新します。私はそれが混乱しているのを見ることができます。 – zipzit

+0

そのため、地図の代わりに車の画像を回転させる必要があります。 – geocodezip

答えて

0

私は<canvas>で描画して回転し、それから外に出ます。 編集:キャンバスに置き、ctx.rotatec.toDataUrl()、オーバーレイを地図上に重ねます。

関連する問題