Come creare un disegno delineato di una mappa o trasformare facilmente uno screenshot di Google Maps in uno?


18

Potrei probabilmente capire come fare uno, ma devo fare come, 30 di questi e voglio imparare a renderlo veloce e indolore. Il mio primo pensiero è stato l'utilizzo di Live Trace in Illustrator, ma non sono ancora molto bravo in questo.

In sostanza voglio che le strade siano in nero (e con uno spessore relativo simile) e che il resto della mappa sia bianco.

Una buona risposta può essere semplicemente un collegamento a un tutorial che non sono stato in grado di trovare tramite una ricerca di Google (se il tutorial mi fornisce le informazioni giuste).

Sono abbastanza sicuro di tralasciare alcune informazioni che devi sapere, quindi per favore chiedi chiarimenti nei commenti. Il software preferito è Photoshop o Illustrator CS6.

Come posso creare una mappa stilizzata e delineata?


1
Non sono così sicuro di quello che vuoi, ma forse questo potrebbe portarti
Joonas,

1
Ho avuto un po 'di tempo tra le mani, quindi ho pensato di provare a capire se capissi quello che volevi: bit.ly/Yv4rPw è questo? (Creato con la procedura guidata Mappe stilizzate collegata nel mio commento sopra questo)
Joonas,

@zelbinian se si tratta di mappe in bianco e nero non etichettate senza etichette che si desidera, controlla anche lo script Perl nel primo link sulla mia risposta - Non sono entrato nei dettagli perché la maggior parte dei designer non codifica ma giudica dal tuo avere un account di overflow dello stack non dovresti avere problemi con esso. È progettato per il tipo di output batch che sembra volere.
user56reinstatemonica8

Questa risposta potrebbe interessarti: graphicdesign.stackexchange.com/questions/31227/…
allcaps

Risposte:


20

La procedura guidata Mappe stilizzate (collegamento) fa il lavoro.

Ha delle istruzioni piuttosto buone che appaiono quando apri il sito web. È possibile accedere a tali istruzioni in qualsiasi momento con il helppulsante nella parte inferiore del pannello Stile mappa (mostrato nell'immagine seguente).

Di seguito sono riportati gli stili che ho usato per creare la mappa statica sulla destra (e in questo link ).

inserisci qui la descrizione dell'immagine inserisci qui la descrizione dell'immagine


Ti potrebbe interessare anche questo.


Entrambi i collegamenti puntano attualmente all'output, non alla procedura guidata della mappa con stile. Inoltre, quali sono le condizioni di licenza in base alle quali possono essere utilizzate? L'ultima volta che l'ho esaminato (forse 8 mesi fa?), Qualsiasi pagina Web che utilizza i dati dell'API di Google Maps senza una licenza commerciale necessaria per usarli insieme a una mappa di Google incorporata con logo ecc. Prominente - potrebbe essere cambiata.
user56reinstatemonica8

@ user568458 Grazie, risolto il collegamento. developers.google.com/maps/faq#tos_mysite || developers.google.com/maps/terms ... e soprattutto per quanto riguarda la tua domanda sul logo google, sì, il logo deve essere mantenuto intatto: developers.google.com/maps/terms#section_9_2 (9.4 Attribution)
Joonas

Fortunatamente questo è un progetto studentesco, quindi sono coperto. (Anche, ho attribuito.)
Zelbinian

17

Supponendo che non ci sia un motivo per cui debbano essere le mappe protette da copyright di Google che utilizzi, utilizzerei OpenStreetMap per questo (l'alternativa di Google Maps open source in stile wikipedia).

Sono praticamente identici ma la loro licenza ( Creative Commons Attribution-Sharealike ) consente esplicitamente questo genere di cose, incluso il lavoro commerciale, purché siano accreditate e tu condividi il lavoro che fai con i loro dati con la stessa licenza, mentre Google sono severi sull'uso delle loro mappe se non si paga una licenza costosa.

Puoi anche generare vettori , ma il rovescio della medaglia è, come spesso accade per le cose open source, non è lucido e richiede prove ed errori per farlo funzionare ...


Modifica: la versione precedente di questa risposta raccomandava l'uso dell'esportazione di Open Street Map (OSM) negli strumenti PDF e SVG. Vorrei ora sconsigliare di combattere con questi: sono spazzatura. Non solo i file producono un disastro (vedi la cronologia delle modifiche per esempi - e l'ultimo non si apre nemmeno per me), ma gli strumenti non funzionano quasi mai, fallendo con un messaggio di errore fuorviante irrimediabilmente sul "carico del server" troppo elevato ( <25), raccomandando di riprovare tra qualche minuto, ma il carico del server è sempre di gran lunga superiore a 25, tranne per alcune ore nelle ore notturne europee (e anche allora non tutti i giorni).

C'è una wiki con un sacco di opzioni alternative , ma tutte queste ho provato o non funzionano (molte di esse), non funzionano per nulla tranne un primo piano di alcune strade (MapOSMatic), danno immagini pixel sgranate in un PDF anziché in vettori effettivi (Field Papers e Walking Papers) o in cui il processo di "installazione" è più simile alla configurazione di un intero server (la maggior parte di essi) ...

Esiste tuttavia un processo che sembra funzionare :

inserisci qui la descrizione dell'immagine

  1. Installa Maperitive (installazione semplice e gratuita su Windows, richiede una dipendenza da Mac / Linux).
  2. Esporta l'area della mappa desiderata da Open Street Map. Potrebbe essere necessario utilizzare uno dei collegamenti alternativi se indica che l'area è troppo grande. Attenzione: per qualsiasi area più grande di una piccola città, le dimensioni dei file sono assurde. Il livello della contea è di 300mbs +. I paesi saranno molti gigabyte. Ti dà ogni singolo dettaglio inutile ad ogni livello di zoom al di sotto dell'area specificata e non sembra esserci alcuna possibilità di cambiarlo. Chiaramente nessuno all'OSM ha mai sentito parlare di mappe di contea, mappe di paesi o mappe di regioni.
  3. Aprilo in Maperitive. Potrebbe essere necessario modificare l'estensione del file in .osmprima che si aprirà
  4. Cambia le regole di rendering (cosa mostra e come) in quelle che non sono pazze.
    • Puoi ottenere qualcosa di abbastanza decente con Map > Switch to rules > googlemaps
    • Oppure, c'è un'enorme quantità di personalizzazione che puoi fare se hai la pazienza di armeggiare con il codice Map > Edit rendering rules
  5. Utilizzare Map > Set printing boundsper impostare l'area desiderata (crea una casella quasi invisibile che riempie lo schermo: rimpicciolire e / o trascinare da un angolo) e View > zoomimpostare il livello di zoom. Tutto al di fuori dei "limiti di stampa" verrà ritagliato.
  6. Esportalo con Tools > Export as SVG (Adobe Illustrator)

Nota che se desideri vettori reali che devi scaricare, apri l'esportazione da OSM invece di navigare semplicemente nella mappa predefinita che mostra quando carichi Maperitive - altrimenti ti darà un SVG falso pieno di riquadri bitmap troncati di bassa qualità .

Un'altra nota - a volte in realtà non aggiorna il file. Se il file non cambia, assicurati di non averlo aperto in nulla e attendi qualche minuto tra l'esportazione e l'apertura.


4

Apri mappe vettoriali

Oltre ai fantastici suggerimenti già menzionati, dai un'occhiata a http://openvectormaps.com . Ho creato una libreria / directory di mappe della città gratuite e di alta qualità che sono modificabili e stratificate. Scegli tra i formati di file .SVG o .AI da utilizzare in Adobe Illustrator o Inkscape.


1
Benvenuti in GD. Ci piace sempre vedere nuovi utenti, ma ti preghiamo di comprendere che i nuovi utenti che pubblicano link ai loro siti sono normalmente contrassegnati come spam e sottoposti a downgrade, anche se la tua risposta potrebbe aiutare l'OP che qualcun altro potrebbe considerare non gradire questa risposta. Solo un FYI ..
DᴀʀᴛʜVᴀᴅᴇʀ

Bello, grazie per averlo condiviso! Vale la pena spiegare che questa è fondamentalmente una directory di mappe statiche di grandi dimensioni e di alta qualità per le principali città del mondo e le altre principali località.
user56reinstatemonica8

2
Sembra che tu abbia esportato i dati da Open Street Map e li abbia venduti?
shuckc,
Utilizzando il nostro sito, riconosci di aver letto e compreso le nostre Informativa sui cookie e Informativa sulla privacy.
Licensed under cc by-sa 3.0 with attribution required.