(OUI Icons) Recommend/create icons for Maps app

[junqiu-lei]

Is your feature request related to a problem? Please describe.

Currently OUI don't have specific icons for maps app.

• Maps app icon will be used like visualization list.

• Map layers icon will be used when display layer on layer control panel, create new layer modal. It has the types of:
  • OpenSearch base layer
  • Custom layer
  • Documents layer
  • Cluster layer(incoming)
  • Region layer(incoming)
  • Heat layer(incoming)

Describe the solution you'd like

Recommend/create the suitable icons for maps app

[KrooshalUX]

@junqiu-lei we can for sure expand our icon offering for your maps needs.

Are you able to give some more context on each of the layers you've requested icons for, and also where the user will see these icons ? It will help us develop icons that communicate clearly. If you have samples from any other products you feel could help us inform direction that would also be helpful.

[junqiu-lei]

Hi @KrooshalUX, thanks for quickly reply, I updated the description for more context, hope that can be helpful!

[KrooshalUX]

Thanks @junqiu-lei for the context on where the user will see the icons.

As for what each icon represents, can I get a bit more detail on the layers themselves?

Any additional information you can provide about each requested icon would be really helpful. Examples of what you may be trying to visually communicate (from other maps software or any icon set) would be helpful for us to understand the use cases and mental models as well.

I think I understand the premise is that each layer type = a different set of configuration options. If this is the case, we might want to approach this with generic icons and use another indicator within the configuration to display what kind of data type is associated with a layer (to be determined based on more investigation).

Lastly, it would be helpful to know what release you are targeting, so we can prioritize this among other UI design requests.

cc @canascar - for your radar

[junqiu-lei]

Hi @KrooshalUX, yes!

OpenSearch map: The OpenSearch map layer is a type of base map layer in your map project that is powered by the OpenSearch Maps Services. This layer is based on vector tiles, which are a type of data format that provides geographic information in a compact and efficient manner.

Custom layer
The custom map is a type of base map layer that allows users to add their own maps services as a layer. Users can choose between two protocols - Web Map Service (WMS) or Tiles Map Service (TMS) - to add their maps service to the map.

Documents layer
The documents layer allows you to display and interact with geospatial data that is stored in OpenSearch using index-patterns. To use this layer, the index-patterns that you select must contain at least one field that is mapped as either geo_point or geo_shape. This is because the documents layer can only display points, lines, and polygons on the map, which are the types of data that can be represented using geo_point or geo_shape fields.

Once you have selected the appropriate index-patterns and fields, the documents layer can display your data as points, lines, and polygons on the map. This layer provides a powerful way to visualize and explore your geospatial data within the context of your map project. By selecting the appropriate index-patterns and fields, you can display your data on the map and gain new insights into the geographic patterns and relationships within your data.

Cluster layer(incoming)
The cluster layer aggregates documents from OpenSearch into grids. This layer is useful when you have a large number of points on the map, and you want to provide an overview of the distribution of those points without overwhelming the map with individual markers.

Heat map layer(incoming)
The heat map is a type of layer that is used to display the density of points on the map. It does this by using a color gradient to show areas with a high concentration of points as "hotter" colors (e.g., red), and areas with a low concentration of points as "cooler" colors (e.g., blue).

Region layer(incoming)
The region map layer in your map project allows you to display data from OpenSearch on a map based on pre-defined geographic boundaries such as world countries or custom GeoJSON boundaries.

We can also explore the layers on OpenSearch Playground https://playground.opensearch.org/app/maps-dashboards, let me know if you need any other context. Thanks!

[VijayanB]

@KrooshalUX @canascar Can we at least get icon for Maps app icon will be used like visualization list. in 2.6?

[KrooshalUX]

@VijayanB @junqiu-lei please proceed with using gisApp icon.

Since this is not one of our applications (its a kibana application) at a later time, this icon will be deprecated from the Apps section and recreated as a glyph. I will create separate issues to generalize this icon & address this change within OUI. I will file an issue in your repo to replace it once we move it to Glyphs - there will be an icon name change.

[junqiu-lei]

Thanks @KrooshalUX for quickly responding and help!

[VijayanB]

@KrooshalUX Sorry it is not clear to me what you mean by Since this is not one of our applications (its a kibana application) at a later time. Can you provide me some more context? Thanks.

[KrooshalUX]

@VijayanB since OUI is a fork of EUI, it currently contains icons , in this case the gisApp icon, that represent Kibana applications. These aren't general icons (like the glyphs) - this is more of just a note that this icon use will need to be updated at a future time. You don't need to worry about anything until we create a generalized version of the app icon into our glyphs set.

[canascar]

@VijayanB, @junqiu-lei these icons are not for the application but for the layer icon (glyph) in the layers panel correct?

[canascar]

I assume the icons will be displayed in this "Add layer" modal correct?

[junqiu-lei]

Hi @canascar, this GH issue originally requested for both one Maps app icon and multiple layers icon, the layers icon will be mainly used on the adding layer modal like you screenshot.