Cómo emular esta apariencia de mapa base en escala de grises en Google Maps


8

Me encanta el diseño en la página de inicio de Development Seed , donde han usado un mapa base en escala de grises con marcadores gráficos en negrita de estilo 3D.

ingrese la descripción de la imagen aquí

Parece que han usado la API ModestMaps para crear un mapa base en mosaico en varias resoluciones, con el texto y los gráficos grabados en el mapa base .

Me gustaría emular este look + feel (para un proyecto personal, solo por diversión) usando herramientas disponibles gratuitamente como la API de Google Maps. Necesito la capacidad de cambiar las superposiciones de marcadores rápidamente, por lo que tendrían que dibujar dinámicamente sobre el mapa base.

¿Es posible lograr un fondo de escala de grises similar al terreno usando Google Maps?

La documentación de estilo de API de Google Maps muestra cómo reducir la saturación del mapa topográfico, pero no puedo ver una opción para hacerlo con el mapa del terreno.

Creo que puedo emular los gráficos en negrita utilizando la muestra de iconos complejos como punto de partida, pero agradecería cualquier sugerencia.

Gracias


trabajo en progreso aquí
Stephen Lead

Todas las sugerencias a continuación son geniales, y les daré una oportunidad cuando pueda, como dije, este es solo un proyecto divertido ...
Stephen Lead

Respuestas:


5

No sé si esto ayudará en absoluto, o si Google Maps admite otras capas de mosaico, pero existe un proyecto de código abierto (y algunos servidores de mosaico de libre acceso) para generar mapas base.

http://acetate.geoiq.com/tiles/terrain/preview.html se parece bastante a lo que buscas (aunque no tan agradable).

Puede rodar el suyo usando la fuente, así como una opción adicional. Consulte GitHub para obtener toda la información (incluida la estructura de URL para los servidores de mosaico y los ejemplos pre-enrollados).


2
Buena sugerencia. la API de Google Maps admite otras capas de mosaico: code.google.com/apis/maps/documentation/javascript/…
Casey

5

Si se siente cómodo usando los datos de OpenStreetMap, puede echar un vistazo al editor de estilo de mapas de CloudMade ; El estilo en http://maps.cloudmade.com/?lat=39&lng=-89&zoom=4&styleId=28983 podría ser un buen comienzo. Puede clonar ese estilo y editarlo para que sea mejor para sus necesidades.

No estoy seguro de si puede usarlo en la API de Google Maps, pero definitivamente puede usarlo con OpenLayers y Leaflet.


1
Sin embargo, esta opción no hará terreno; solo contornos del país (y la mayoría de las otras características físicas que pueda desear, como autopistas, etc.)
mattwigway

1
¿Se puede usar CloudMade en las API de Esri?
Simon

2

No, no es posible: Google otorga licencias y sirve MapLink, imágenes de relieve sombreadas de Tele Atlas para Google Terrain MapType. En V3 de la API de Google, ahora puede diseñar las características del Terrain MapType, pero los datos de la imagen base son una representación mixta de elevación y vegetación / cubierta de nieve.

Puede eliminar las características con un &style=feature:all|element:all|visibility:offestilo de tipo de mapa Terreno. Pero no puede representar el mapa base en escala de grises. Y, como ha encontrado, la configuración de la saturación solo ajusta las características, no la imagen base.

Puede reemplazar google.maps.MapTypeId.ROADMAP en su código grayMapType con un tipo de mapa .TERRAIN, pero está atascado con el mapa base representado en relieve sombreado gris verde si continúa utilizando una solución API de Google Maps.

Aquí hay un ejemplo de lo mejor que podría hacer con el mapa de relieve sombreado proporcionado por Google , tenga en cuenta que los valores de zoom difieren de los valores de HOJA DE RUTA que ha estado utilizando.

Además, notará que la gente de Development Seed está usando mosaicos de imágenes basados ​​en un DEM mundial que incluye valores batimétricos con sus secuencias de comandos Modest Maps FLash. Si desea rodar el suyo, puede probar las variantes SRTM30plus o CleanTOPO . Pero tendrá que hacer más trabajo de back-end del servicio de mapeo del servidor web. Y si llega tan lejos, es posible que desee estudiar cómo trabajar con relieves sombreados .


2

Me parece muchísimo que ese mapa base es un sombreado generalizado (y hábilmente representado), probablemente hecho combinando muchos modelos de elevación digital y conjuntos de datos de trama bentónicos. No tengo la menor idea de cómo formatear o colocar en mosaico un mapa base para usar en google maps, pero tal vez algo como esto o incluso esto sea ​​de alguna ayuda para usted.

Buena suerte con eso.


1
Si desea crear su propio mapa base de sombreado, puede consultar grass.osgeo.org/wiki/Global_datasets#Elevation_data para obtener algunas ideas sobre dónde buscar datos.
mattwigway

1

Esta pregunta fue abordada en el Centro de Mapeo de ESRI

He citado las secciones relevantes de la respuesta a continuación:

Primero, realice una conexión de servidor ArcGIS a través de ArcCatalog al servidor ArcGIS Online usando esta url . Enumerará todos los mapas base como servicios de mapas.

Luego, cree una geodatabase de archivos en su computadora y anote la ubicación. Crear un conjunto de datos de mosaico. Mientras crea el dataset de mosaico, establezca el sistema de coordenadas proyectadas en WGS84 Web Mercator (Esfera auxiliar) porque este es el uso de mapas base de Esri de proyección. Una vez hecho esto, haga clic con el botón derecho en el dataset de mosaico y haga clic en Agregar rásteres: se abrirá una herramienta Agregar rásteres al dataset de mosaico. Debajo del tipo de ráster, seleccione "servicios web" y para Entrada, busque los servidores SIG que agregó en el primer paso y seleccione el servicio de mapa base que desea convertir a escala de grises. En este caso, agregué el servicio "World_Topo_Map". Haga clic en Aceptar y esto agregará el servicio de mapas topográficos mundiales al dataset de mosaico y se agregará a la tabla de contenido como un ráster de tres bandas.

Ahora haga clic derecho en el dataset de mosaico en ArcCatalog y haga clic en Propiedades. Haga clic en la pestaña Funciones en el cuadro de diálogo Propiedades, haga clic con el botón derecho en la función Mosaico debajo de la cadena de funciones y pase el mouse por encima para seleccionar Insertar y luego seleccione la función Escala de grises. Esto abrirá el diálogo de propiedades de la función Ráster. Dé pesos de 0.33 a cada banda y haga clic en Aceptar. Ahora debería estar todo configurado y el mapa base se mostrará en una escala de grises.



0

¡Veo que encontraste una solución con el mapa de escala de grises de ESRI y recuerdo que el mapa semilla de desarrollo se veía tan bien!

Para cualquier otra persona que pueda responder esta pregunta, he encontrado que Snazzy maps www.snazzymaps.com es una manera fácil de personalizar un estilo de google maps. No pude obtener el mismo aspecto que el mapa de semillas de desarrollo, pero debía obtener algo cercano, creo https://snazzymaps.com/style/65225/development-seed-look-alike

Al usar nuestro sitio, usted reconoce que ha leído y comprende nuestra Política de Cookies y Política de Privacidad.
Licensed under cc by-sa 3.0 with attribution required.