Como criar um desenho esboçado de um mapa ou transformar facilmente uma captura de tela do Google Maps em uma?

18

Eu provavelmente poderia descobrir como fazer um, mas tenho que fazer 30 deles e quero aprender como torná-lo rápido e indolor. Meu primeiro pensamento foi usar o Live Trace no Illustrator, mas ainda não sou muito bom nisso.

Essencialmente, quero que as ruas estejam em preto (e com uma espessura relativa semelhante) e o restante do mapa em branco.

Uma boa resposta pode ser simplesmente um link para um tutorial que não consegui encontrar por meio de uma pesquisa no Google (se o tutorial me fornecer as informações corretas).

Tenho certeza de que estou deixando de fora algumas informações que você precisa saber; portanto, peça esclarecimentos nos comentários. O software preferido é o Photoshop ou o Illustrator CS6.

Como posso criar um mapa estilizado e delineado?

Zelbinian
fonte
1
Não tenho tanta certeza sobre o que deseja, mas talvez isso possa levá-lo até lá: gmaps-samples-v3.googlecode.com/svn/trunk/styledmaps/wizard/…
Joonas
1
Tinha um pouco de tempo em minhas mãos, então achei que tentaria ver se entendi o que você quer: bit.ly/Yv4rPw é isso? (Feito com o Mapas estilizados assistente ligado no meu comentário acima desta)
Joonas
@zelbinian se é mapas preto e branco sem estilo, sem rótulos que você deseja, verifique também o script Perl no primeiro link da minha resposta - não entrei em detalhes porque a maioria dos designers não codifica, mas a julgar pelo seu uma conta de estouro de pilha, você não deve ter problemas com ela. Ele foi projetado para o tipo de saída em lote que você deseja.
user56reinstatemonica8
Esta resposta pode interessar: graphicdesign.stackexchange.com/questions/31227/…
allcaps

Respostas:

20

O Assistente de Mapas com Estilo (link) faz o trabalho.

Ele tem boas instruções que aparecem quando você abre o site. Essas instruções podem ser acessadas a qualquer momento com o helpbotão na parte inferior do painel de estilos do mapa (mostrado na imagem abaixo).

Abaixo estão os estilos que eu usei para criar o mapa estático à direita (e neste link ).

insira a descrição da imagem aqui insira a descrição da imagem aqui


Você também pode estar interessado nisso.

Joonas
fonte
Atualmente, os dois links apontam para a saída, não para o assistente de mapa estilizado. Além disso, quais são as condições de licenciamento sob as quais elas podem ser usadas? Na última vez em que examinei (há 8 meses, talvez?), Qualquer página da Web que use dados da API do Google Maps sem uma licença comercial necessária para usá-lo em conjunto com um mapa do Google incorporado com o logotipo etc. em destaque - pode ter mudado.
user56reinstatemonica8
@ user568458 Obrigado, corrigiu o link. developers.google.com/maps/faq#tos_mysite || developers.google.com/maps/terms ... e principalmente no que diz respeito à sua pergunta sobre o logotipo do google, sim, o logotipo precisa ser mantido intacto: developers.google.com/maps/terms#section_9_2 (9.4 Atribuição)
Joonas
Felizmente, este é um projeto do aluno, então estou coberto. (Também, I atribuído.)
Zelbinian
17

Supondo que não haja uma razão para que sejam os mapas protegidos por direitos autorais do Google que você usa, eu usaria o OpenStreetMap para isso (a alternativa do Google Maps de código aberto no estilo da wikipedia).

Eles são praticamente idênticos, mas sua licença ( Creative Commons Attribution-sharealike ) permite explicitamente esse tipo de coisa, inclusive para trabalhos comerciais, desde que sejam creditados e você compartilhe o trabalho que faz com os dados deles sob a mesma licença, enquanto o Google são rigorosos quanto ao uso de seus mapas, a menos que você pague por uma licença cara.

Você também pode gerar vetores , mas a desvantagem é que, como geralmente acontece com o código-fonte aberto, não é preciso e é necessário tentar e errar para que tudo funcione ...


Editar: a versão anterior desta resposta é recomendada usando a exportação do Open Street Map (OSM) para ferramentas PDF e SVG. Agora eu recomendaria não lutar contra isso: eles são lixo. Os arquivos não apenas produzem uma bagunça (veja o histórico de edições para exemplos - e os mais recentes nem abrem para mim), mas as ferramentas quase nunca funcionam, falhando com uma mensagem de erro irremediavelmente enganosa sobre a "carga do servidor" ser muito alta ( <25), recomendando tentar novamente em alguns minutos - mas a carga do servidor sempre ultrapassa 25, exceto algumas horas no período noturno europeu (e mesmo assim nem todos os dias).

Há um wiki com muitas opções alternativas , mas todas essas que eu tentei não funcionam (muitas delas), não funcionam para nada, exceto para um close de algumas ruas (MapOSMatic), fornecem imagens granuladas de pixel em um PDF em vez de vetores reais (Field Papers e Walking Papers), ou onde o processo de "instalação" é mais como configurar um servidor inteiro (a maioria deles) ...

No entanto, há um processo que parece funcionar :

insira a descrição da imagem aqui

  1. Instale o Maperitive (instalação simples e gratuita no Windows, requer dependência do Mac / Linux).
  2. Exporte a área do mapa que você deseja do Open Street Map. Pode ser necessário usar um dos links alternativos se a área for muito grande. Aviso: para qualquer área maior que uma cidade pequena, o tamanho dos arquivos é absurdo. O nível do condado é de 300mbs +. Os países terão muitos gigabytes. Ele fornece todos os detalhes desnecessários em todos os níveis de zoom abaixo da área especificada e parece não haver facilidade para alterar isso. Claramente, ninguém na OSM jamais ouviu falar de mapas de condados, de países ou de regiões.
  3. Abra-o no Maperitive. Pode ser necessário alterar a extensão do arquivo para .osmantes de abrir
  4. Mude as regras de renderização (o que mostra e como) para aquelas que não são loucas.
    • Você pode obter algo bastante decente com Map > Switch to rules > googlemaps
    • Ou, há uma enorme quantidade de personalização que você pode fazer se tiver paciência para mexer no código com Map > Edit rendering rules
  5. Use Map > Set printing boundspara definir a área desejada (ele cria uma caixa quase invisível que preenche a tela: diminuir o zoom e / ou arrastar de um canto) e View > zoomdefinir o nível de zoom. Tudo fora dos "limites de impressão" será cortado.
  6. Exporte-o com Tools > Export as SVG (Adobe Illustrator)

Observe que, se você quiser vetores reais, deverá fazer o download e abrir a exportação do OSM, em vez de apenas navegar no mapa padrão exibido ao carregar o Maperitive - caso contrário, ele fornecerá um SVG falso cheio de blocos de bitmap cortados de baixa qualidade .

Outra observação - às vezes, na verdade, ele não atualiza o arquivo. Se o arquivo não estiver sendo alterado, verifique se não o abre em nada e aguarde alguns minutos entre exportar e abrir.

user56reinstatemonica8
fonte
4

Mapas vetoriais abertos

Além das ótimas sugestões já mencionadas, dê uma olhada em http://openvectormaps.com . Criei uma biblioteca / diretório de mapas de cidades gratuitos e de alta qualidade que são editáveis ​​e em camadas. Escolha entre os formatos de arquivo .SVG ou .AI para usar no Adobe Illustrator ou Inkscape.

Jeff
fonte
1
Bem-vindo ao GD. Sempre gostamos de ver novos usuários, mas entenda que os novos usuários que postam links para seus sites são normalmente sinalizados como spam e com votos negativos, mesmo que sua resposta possa ajudar o OP que outra pessoa possa considerar não gostar dessa resposta. Apenas um FYI ..
D JunVᴀᴅᴇʀ
Bom, obrigado por compartilhar! Vale a pena explicar que este é basicamente um diretório de mapas estáticos grandes e de alta qualidade para as principais cidades do mundo e outros locais importantes.
user56reinstatemonica8
2
Parece que você exportou dados do Open Street Map e os vendeu?
shuckc