Static Map + HTML Canvas

Question

我想在我的網站的畫布元素中使用由Google地圖生成的靜態地圖圖片。由於此圖像是從外部來源加載的，因此會引發安全警告。

什麼是解決此問題的最佳方法？我需要緩存我的服務器上的每個地圖嗎？

Answer 1

Donot從客戶端的其他域加載任何內容。使用服務器端技術中的網絡庫在服務器端加載映像。例如。在Java中，做一個專門的servlet來擔任形象 -

GoogleMapServlet extends HttpServlet { 
void doGet(req, res) throws Exception { 
    response.setContentType("image/JPEG"); 
    //read the image from google using java.net package. 
    //use imageio to write the image to response.outputstream. 
    //return. 
} 
} 

JSP頁面上

，使用 - <img src="/images/GoogleMapServlet" alt=""/>

如果地圖在未來的高速緩存永遠不會改變它。