2016-06-14 125 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.png,blue_car_30degrees.png,white_pickup_45degrees.png(三輛不同的汽車,從0度到45度,增量爲5度),但這也只是一種黑客行爲。

有無論如何創建一個定製的地圖疊加在一個給定的所需的方向角度,所以我可以在汽車層來顯示城市規劃師什麼是可用的?非常感謝。

+0

[如何在Web應用程序中旋轉Google地圖]的可能重複(http://stackoverflow.com/questions/33747493/how-to-rotate-a-google-map-in-a-web-application ) – geocodezip

+0

@geocodezip呃,沒有。我想用汽車鋪設那個停車場。成角度?沒有角度?它是我想要轉向的汽車,而不是整個地圖。在一些停車計劃中,所有車輛都是30度右側,在車道的另一側,它們停在左側30度。覆蓋圖將是隨機的汽車圖像。我會更新我的帖子,刪除關於不是NSEW的道路的一點點評論。我可以看到這令人困惑。 – zipzit

+0

所以......你需要旋轉汽車圖像而不是地圖。 – geocodezip

回答

0

我會在<canvas>中繪製並旋轉,然後再打開。 編輯: 布面,ctx.rotatec.toDataUrl(),並覆蓋在您的地圖上。