[Maps] make grid rectangles the default symbolization for geo grid source (#50169)

* [Maps] default grid aggregation source rendering to grid

* Update docs/maps/maps-aggregations.asciidoc

Co-Authored-By: gchaps <33642766+gchaps@users.noreply.github.com>

* add animated gif and text describing the animation

* clean up text

* simply text

* combine link to getting started with previous paragraph

docs/maps/maps-aggregations.asciidoc

@@ -7,6 +7,14 @@ Use {ref}/search-aggregations.html[aggregations] to plot large data sets without
 Aggregations group your documents into buckets and calculate metrics for each bucket.
 Your documents stay in Elasticsearch and only the metrics for each group are returned to your computer.
 
+Use aggregated layers with document layers to show aggregated views when the map shows larger
+amounts of the globe and individual documents when the map shows smaller regions.
+
+In the following example, the Grid aggregation layer is only visible when the map is at zoom levels 0 through 5. The Documents layer is only visible when the map is at zoom levels 4 through 24.
+See the <<maps-add-elasticsearch-layer, Getting started>> tutorial for more details on configuring the layers.
+
+[role="screenshot"]
+image::maps/images/grid_to_docs.gif[]
 
 [role="xpack"]
 [[maps-grid-aggregation]]

docs/maps/maps-getting-started.asciidoc

@@ -150,6 +150,7 @@ image::maps/images/grid_metrics_both.png[]
 . In the map legend, click *Add layer*.
 . Click the *Grid aggregation* data source.
 . Set *Index pattern* to *kibana_sample_data_logs*.
+. Set *Show as* to *points*.
 . Click the *Add layer* button.
 . Set *Layer name* to `Total Requests and Bytes`.
 . Set *Zoom range for layer visibility* to the range [0, 9].
@@ -181,7 +182,7 @@ Now that your map is complete, you'll want to save it so others can use it.
 
 . In the application toolbar, click *Save*.
 . Enter `Tutorial web logs map` for the title.
-. Click *Confirm Save*.
+. Click *Save*.
 +
 You have completed the steps for re-creating the sample data map.
 

x-pack/legacy/plugins/maps/public/layers/sources/es_geo_grid_source/create_source_editor.js

@@ -27,12 +27,6 @@ function filterGeoField({ type }) {
 }
 
 const requestTypeOptions = [
-  {
-    label: i18n.translate('xpack.maps.source.esGeoGrid.pointsDropdownOption', {
-      defaultMessage: 'points'
-    }),
-    value: RENDER_AS.POINT
-  },
   {
     label: i18n.translate('xpack.maps.source.esGeoGrid.gridRectangleDropdownOption', {
       defaultMessage: 'grid rectangles'
@@ -44,6 +38,12 @@ const requestTypeOptions = [
       defaultMessage: 'heat map'
     }),
     value: RENDER_AS.HEATMAP
+  },
+  {
+    label: i18n.translate('xpack.maps.source.esGeoGrid.pointsDropdownOption', {
+      defaultMessage: 'points'
+    }),
+    value: RENDER_AS.POINT
   }
 ];