静的マップ+ HTMLキャンバス

Question

Googleマップで生成された静的マップ画像を自分のサイトのキャンバス要素に使用したいと考えています。このイメージは外部ソースからロードされるので、セキュリティ警告がスローされます。

これを回避する最も良い方法は何ですか？サーバー上のすべてのマップをキャッシュする必要がありますか？

Answer 1

クライアント側の他のドメインのコンテンツを読み込まないようにします。サーバー側のテクノロジのネットワークライブラリを使用して、サーバー側でイメージをロードします。たとえば。 Javaで、画像を提供するために、専用のサーブレットを作る -

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=""/>

マップは、将来キャッシュにそれを変えることはありません場合。