Immagine di Google Maps?

Question

C'è un modo per catturare l'immagine di una mappa di Google? Non posso usare la mappa statica perché ho le mie polilinee sulla mappa e le voglio nello "screenshot".

Fondamentalmente voglio che un utente navighi sulla mappa, aggiunga alcune polilinee e quando fa clic su Salva sto salvando le linee, le coordinate, lo zoom, ma vorrei anche avere un'immagine da presentare come miniatura in elenchi .

Tks in anticipo.

Answer 1

Masashi Katsumata ha messo a punto un Snapshot Control che prende un'istantanea di un Google Maps con un percorso su di esso e crea un'immagine da esso.

• post del blog: http://googlegeodevelopers.blogspot.com/2009/09/snapshotcontrol-10-using-static-maps.html

Answer 2

Google non fornisce questa funzionalità con la sua API. Tuttavia, ci sono alcuni script per rimuovere queste informazioni dalla pagina. Il sito seguente ha uno script PHP che lo fa:

http://groups.google.co.uk/group/Google-Maps-API/browse_frm/thread/e9696444518ac079?hl=en

vedere i post verso la fine.

Answer 3

È possibile utilizzare ThinkGeo Map Suite. Essi supportano il rendering di immagini da servizi Google, Yahoo o MS Mappa, mentre si può disegnare le linee poli, ecc su quella mappa ...

Lavorare con loro Map Suite V3 è un pezzo di torta

Answer 4

Impossibile fallo con l'API delle mappe, come menzionato sopra, ma Yahoo ne offre uno ed è piuttosto semplice da usare.

Yahoo: Map Image API

Answer 5

Utilizzando Google Maps contenuto al di fuori del servizio è una violazione delle Google Maps API Condizioni di utilizzo, quindi anche se esistono tecniche per creare le istantanee, Google non lo fa darti il ​​permesso di farlo.

Per raggiungere legalmente le funzionalità previste, è necessario utilizzare le mappe statiche (possibilmente con contenuto ridotto, in particolare se l'utente utilizza MSIE dove la lunghezza massima dell'URL è piuttosto piccola) o le piccole e reali Google Maps.

Sembra che non abbia ancora il privilegio di aggiungere o modificare commenti alla domanda, quindi menzionerò qui che il limite dell'URL in almeno alcune versioni compatibili con Mappe di MSIE è 2083 caratteri, non 8k come è nella maggior parte degli altri browser.

Answer 6

Se si desidera salvare più di google maps API statico permette (come ad esempio le sovrapposizioni personalizzati disegnati su di esso troppo complessa/grandi per passare attraverso la querystring), si potrebbe esportare il contenitore della mappa per una tela utilizzando qualcosa di simile html2Canvas (http://html2canvas.hertzen.com/), quindi convertirlo in un URL di dati e utilizzarlo come si desidera.

function saveMapToDataUrl() { 

    var element = $("#mapDiv"); 

    html2canvas(element, { 
     useCORS: true, 
     onrendered: function(canvas) { 
      var dataUrl= canvas.toDataURL("image/png"); 

      // DO SOMETHING WITH THE DATAURL 
      // Eg. write it to the page 
      document.write('<img src="' + dataUrl + '"/>'); 
     } 
    }); 
} 

Credo che è necessario impostare l'opzione useCORS a true al fine di consentire la funzione di scaricare le immagini da Google.

Lo svantaggio di questo approccio è che potrebbe lasciarti con circa un megabyte di dati seduti sulla tua pagina.

Ho provato a utilizzare questo approccio per esportare una mappa in un'immagine da scaricare, ma ho incontrato dei problemi su come ottenere questa immagine alla persona in un bel maniero. Puoi usare un collegamento ipertestuale che ha il suo attributo href impostato sul dataUrl che hai creato, ma il nome del file non può essere impostato a meno che non usi attributi HTML come download = "nomefile.png", che per me è stato problematico su diversi browser. Un altro approccio è quello di inviare il dataUrl al server affinché il server risponda come necessario, ma caricare un'immagine di grandi dimensioni solo per scaricarlo di nuovo sembra un modo strano per gestirlo.