Как создать фоновую картограмму

Выберите платформу: Android iOS JavaScript

Картографическая карта — это тип тематической карты, на которой административные территории окрашены или заштрихованы в соответствии со значением данных. Вы можете использовать функцию фабрики стилей для стилизации карты на основе данных, где каждая административная область связана с диапазоном числовых значений. На следующем примере карты показана картограмма штатов США.

В этом примере данные состоят из идентификатора места штата. Функция фабрики стиля условно окрашивает каждое состояние на основе хешированного значения идентификатора места для штата.

Примечание. Обычно вы определяете таблицу цветов для каждого штата, а затем ищете цвет для каждого штата на основе идентификатора места штата.

1. Если вы еще этого не сделали, следуйте инструкциям в разделе «Начало работы» , чтобы создать новый идентификатор карты и стиль карты. Обязательно включите векторный слой Административная область уровня 1 .

2. Получите ссылку на векторный слой административной области уровня 1 при инициализации карты. В Соединенных Штатах эти административные уровни соответствуют отдельным штатам.

   Джава

   private FeatureLayer areaLevel1Layer;
   
   @Override
   public void onMapReady(GoogleMap map) {
     areaLevel1Layer = map.getFeatureLayer(new FeatureLayerOptions.Builder()
       .featureType(FeatureType.ADMINISTRATIVE_AREA_LEVEL_1)
       .build());
   
     // Apply style factory function to ADMINISTRATIVE_AREA_LEVEL_1 layer.
     styleAreaLevel1Layer();
   }
   

   Котлин

   private var areaLevel1Layer: FeatureLayer? = null
   
   override fun onMapReady(googleMap: GoogleMap) {
     // Get the ADMINISTRATIVE_AREA_LEVEL_1 feature layer.
     areaLevel1Layer = googleMap.getFeatureLayer(FeatureLayerOptions.Builder()
       .featureType(FeatureType.ADMINISTRATIVE_AREA_LEVEL_1)
       .build())
   
     // Apply style factory function to ADMINISTRATIVE_AREA_LEVEL_1 layer.
     styleAreaLevel1Layer()
   }
   

3. Создайте функцию фабрики стилей и примените ее к векторному слою уровня 1 административной области. В следующем примере функция применяется к многоугольнику, представляющему каждый штат США.

   Джава

   private void styleAreaLevel1Layer() {
     FeatureLayer.StyleFactory styleFactory = (Feature feature) -> {
       if (feature instanceof PlaceFeature) {
         PlaceFeature placeFeature = (PlaceFeature) feature;
   
         // Return a hueColor in the range [-299,299]. If the value is
         // negative, add 300 to make the value positive.
         int hueColor = placeFeature.getPlaceId().hashCode() % 300;
         if (hueColor < 0) {
           hueColor += 300;
         }
   
         return new FeatureStyle.Builder()
           // Set the fill color for the state based on the hashed hue color.
           .fillColor(Color.HSVToColor(150, new float[] {hueColor, 1, 1}))
           .build();
       }
       return null;
     };
   
     // Apply the style factory function to the feature layer.
     areaLevel1Layer.setFeatureStyle(styleFactory);
   }
   

   Котлин

   private fun styleAreaLevel1Layer() {
     val styleFactory = FeatureLayer.StyleFactory { feature: Feature ->
         if (feature is PlaceFeature) {
             val placeFeature: PlaceFeature = feature as PlaceFeature
   
             // Return a hueColor in the range [-299,299]. If the value is
             // negative, add 300 to make the value positive.
             var hueColor: Int = placeFeature.getPlaceId().hashCode() % 300
             if (hueColor < 0) {
                 hueColor += 300
             }
             return@StyleFactory FeatureStyle.Builder()
             // Set the fill color for the state based on the hashed hue color.
               .fillColor(Color.HSVToColor(150, floatArrayOf(hueColor.toFloat(), 1f, 1f)))
               .build()
         }
         return@StyleFactory null
     }
   
     // Apply the style factory function to the feature layer.
     areaLevel1Layer?.setFeatureStyle(styleFactory)
   }