¿Cómo crear un dibujo delineado de un mapa o convertir fácilmente una captura de pantalla de Google Maps en una?

Probablemente podría averiguar cómo hacer uno, pero tengo que hacer como 30 de estos y quiero aprender cómo hacerlo rápido y sin dolor. Mi primer pensamiento fue usar Live Trace en Illustrator, pero todavía no soy muy bueno en eso.

Básicamente, quiero que las calles estén en negro (y con un grosor relativo similar) y que el resto del mapa sea blanco.

Una buena respuesta puede ser simplemente un enlace a un tutorial que no he podido encontrar a través de una búsqueda en Google (si el tutorial me brinda la información correcta).

Estoy bastante seguro de que estoy omitiendo alguna información que necesita saber, así que solicite una aclaración en los comentarios. El software preferido es Photoshop o Illustrator CS6.

¿Cómo puedo crear un mapa estilizado y delineado?

No estoy tan seguro de lo que quieres, pero tal vez esto podría llevarte allí: gmaps-samples-v3.googlecode.com/svn/trunk/styledmaps/wizard/…
Tenía un poco de tiempo en mis manos, así que pensé en tratar de ver si entiendo lo que quieres: bit.ly/Yv4rPw ¿ es esto? (Hecho con el asistente de mapas con estilo vinculado en mi comentario sobre este)
@zelbinian si lo que desea son mapas en blanco y negro sin estilo y sin etiquetas, también consulte el script de Perl en el primer enlace de mi respuesta. No entré en detalles porque la mayoría de los diseñadores no codifican, pero a juzgar por su tener una cuenta de desbordamiento de pila no debería tener ningún problema con ella. Está diseñado para el tipo de salida por lotes que parece desear.
Esta respuesta podría interesarle: graphicdesign.stackexchange.com/questions/31227/…

Respuestas (5)

Actualización (2020)

Así que acabo de recibir un voto positivo sobre esto y tuve la idea de que esto podría estar un poco desactualizado y resulta que lo estaba.

Por lo que puedo decir, el asistente en mi respuesta anterior (↓) se eliminó y se reemplazó con este nuevo Asistente de estilo .

Aquí hay un enlace al documento API , si desea leer un poco más sobre el lado de la codificación. Y algo de información sobre dónde obtienes la clave API.

También encontré un servicio de terceros llamado Snazzy Maps , que hace más o menos lo mismo pero sirve como una galería de estilos creados por la comunidad.



Respuesta antigua:

Asistente de mapas con estilo ( enlace ) hace el trabajo.

Tiene instrucciones bastante buenas que aparecen cuando abres el sitio web. Se puede acceder a esas instrucciones en cualquier punto con el helpbotón en la parte inferior del panel de estilo de mapa (que se muestra en la imagen a continuación).

A continuación se muestran los estilos que utilicé para crear el mapa estático a la derecha (y en este enlace ).

ingrese la descripción de la imagen aquí ingrese la descripción de la imagen aquí


También te puede interesar esto.

Ambos enlaces actualmente apuntan a la salida, no al asistente de mapa con estilo. Además, ¿cuáles son las condiciones de licencia bajo las cuales se pueden utilizar? La última vez que lo investigué (¿hace 8 meses, tal vez?), cualquier página web que use datos de la API de Google Maps sin una licencia comercial necesaria para usarla junto con un mapa de Google incrustado con un logotipo, etc. prominente, puede haber cambiado.
@ user568458 Gracias, arreglé el enlace. developers.google.com/maps/faq#tos_mysite || developer.google.com/maps/terms ... y especialmente en lo que respecta a su pregunta sobre el logotipo de Google, sí, el logotipo debe mantenerse intacto: desarrolladores.google.com/maps/terms#section_9_2 ( 9.4 Atribución )
Afortunadamente, este es un proyecto de estudiante, así que estoy cubierto. (También, atribuí.)

Suponiendo que no haya una razón por la que tenga que ser los mapas con derechos de autor de Google que usa, usaría OpenStreetMap para esto (la alternativa de Google Maps de estilo wikipedia de fuente abierta).

Son prácticamente idénticos, pero su licencia ( Creative Commons Attribution-Sharealike ) permite explícitamente este tipo de cosas, incluso para trabajos comerciales, siempre que estén acreditados y comparta el trabajo que realiza con sus datos bajo la misma licencia, mientras que Google son estrictos con el uso de sus mapas a menos que pague una licencia costosa.

También puede generar vectores , pero la desventaja es que, como suele ser el caso con las cosas de código abierto, no es hábil y requiere prueba y error para que todo funcione ...


Editar: la versión anterior de esta respuesta recomendaba usar las herramientas de exportación a PDF y SVG de Open Street Map (OSM). Ahora recomendaría no pelear con estos: son basura. Los archivos no solo son un desastre (consulte el historial de edición para ver ejemplos, y los últimos ni siquiera se abren para mí), sino que las herramientas casi nunca funcionan, y fallan con un mensaje de error irremediablemente engañoso sobre "carga del servidor" demasiado alta ( <25), recomendando volver a intentarlo en unos minutos, pero la carga del servidor siempre supera con creces los 25, excepto unas pocas horas en la noche europea (e incluso entonces no todos los días).

Hay una wiki con muchas opciones alternativas , pero todas las que probé no funcionan (muchas de ellas), no funcionan para nada excepto para un primer plano de algunas calles (MapOSMatic), dan imágenes de píxeles granulados en un PDF en lugar de vectores reales (Field Papers y Walking Papers), o donde el proceso de "instalación" es más como configurar un servidor completo (la mayoría de ellos)...

Sin embargo, hay un proceso que parece funcionar :

ingrese la descripción de la imagen aquí

  1. Instale Maperitive (instalación simple y gratuita en Windows, requiere una dependencia en Mac / Linux).
  2. Exporta la zona del mapa que quieras desde Open Street Map. Es posible que deba usar uno de los enlaces alternativos si dice que el área es demasiado grande. Advertencia: para cualquier área más grande que un pueblo pequeño, los tamaños de los archivos son absurdos. El nivel del condado es de 300mbs+. Los países serán muchos gigabytes. Le brinda todos los detalles innecesarios en cada nivel de zoom debajo del área que especifique, y parece que no hay ninguna instalación para cambiar esto. Claramente, nadie en OSM ha oído hablar de mapas de condados, mapas de países o mapas de regiones.
  3. Ábralo en Maperitive. Es posible que deba cambiar la extensión del archivo a .osmantes de que se abra
  4. Cambie las reglas de renderizado (lo que muestra y cómo) a unas que no sean una locura.
    • Puedes conseguir algo bastante decente conMap > Switch to rules > googlemaps
    • O bien, hay una gran cantidad de personalización que puede hacer si tiene la paciencia para jugar con el código conMap > Edit rendering rules
  5. Úselo Map > Set printing boundspara establecer el área que desea (crea un cuadro casi invisible que llena la pantalla: aleje y/o arrastre desde una esquina), y View > zoompara establecer el nivel de zoom. Todo lo que esté fuera de los "límites de impresión" se recortará.
  6. Exportarlo conTools > Export as SVG (Adobe Illustrator)

Tenga en cuenta que si desea vectores reales, debe descargarlos y luego abrir la exportación desde OSM en lugar de simplemente navegar en el mapa predeterminado que se muestra cuando carga Maperitive; de ​​lo contrario, obtendrá un SVG falso lleno de mosaicos de mapa de bits de baja calidad cortados. .

Otra nota: a veces en realidad no actualiza el archivo. Si el archivo no cambia, asegúrese de no tenerlo abierto y espere unos minutos entre la exportación y la apertura.

Mapas vectoriales abiertos

Además de las excelentes sugerencias ya mencionadas, eche un vistazo a http://openvectormaps.com . Creé una biblioteca/directorio de mapas de ciudades gratuitos y de alta calidad que son editables y en capas. Elija entre formatos de archivo .SVG o .AI para usar en Adobe Illustrator o Inkscape.

Bienvenido a GD. Siempre nos encanta ver nuevos usuarios, pero comprenda que los nuevos usuarios que publican enlaces a sus sitios normalmente se marcan como spam y se votan negativamente, por lo que, aunque su respuesta puede ayudar al OP, a alguien más puede considerar que no le gusta esta respuesta. Solo un FYI..
Genial, gracias por compartir! Vale la pena explicar que este es básicamente un directorio de mapas estáticos grandes y de alta calidad para las principales ciudades del mundo y otras ubicaciones importantes.
¿Parece que exportó datos de Open Street Map y los vendió?

Dependiendo de los detalles en los que quieras entrar... He usado ArcGIS, que es realmente rápido y bueno para cosas simples, creo que las cosas más complejas tienen un poco de curva de aprendizaje, pero vale la pena. https://www.esri.com/en-us/arcgis/products/maps-for-adobecc/overview

La respuesta más simple si eres bueno en Illustrator.

Abra el sitio web OpenStreetMap y busque la ubicación deseada, haga una captura de pantalla y luego conviértala en vector (svg) usando la opción de rastreo de imagen.

El resultado rastreado generalmente es inútil, la gente espera poder eliminar partes, reescribir textos, extraer partes, volver a colorear carreteras y áreas, etc. Después de rastrear, solo queda un recuerdo del hecho de que alguna vez fue un mapa. Lo siento. OpenStreetMaps se pueden descargar como SVG. Los archivos son muy complejos, pero vectores. La descarga está en la pestaña "Compartir" si hay una opción Estándar = ENCENDIDO en la pestaña "Capas". Otras capas solo se pueden ver. Pruébalo y verás. Con esta respuesta obtuviste este comentario. Supongo que luego obtendrás votos negativos o nada.