Stille Harita Özelliklerini Gizleme

Platform seçin: Android iOS JavaScript

Haritadaki özelliklerin stilini değiştirmenin yanı sıra, özellikleri gizlemek için kullanabiliyoruz. Bu örnekte, önemli işletme noktalarının (ÖY) nasıl gizleneceği gösterilmektedir ve toplu taşıma simgelerini görüntüleyebilirsiniz.

Stil yalnızca normal harita türünde çalışır. Stil etkilemez iç mekan haritalarını kullanabilirsiniz. Böylece özellikleri gizlemek için stillerin kullanılması, haritada görünmesini engelleyebilir.

Haritanıza JSON stilinde bir nesne iletin

Haritanızın stilini belirlemek için GoogleMap.setMapStyle() numaralı telefonu arayarak Stilinizi içeren MapStyleOptions nesne bildirimleri JSON biçiminde dışa aktarılır. JSON dosyasını ham bir kaynaktan veya dizesine göre aşağıdaki örneklerde gösterildiği gibi:

Ham kaynak

Aşağıdaki kod örneğinde, projenizin adlı bir ham kaynak içerdiği varsayılır style_json:

// Copyright 2020 Google LLC
//
// Licensed under the Apache License, Version 2.0 (the "License");
// you may not use this file except in compliance with the License.
// You may obtain a copy of the License at
//
//      http://www.apache.org/licenses/LICENSE-2.0
//
// Unless required by applicable law or agreed to in writing, software
// distributed under the License is distributed on an "AS IS" BASIS,
// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
// See the License for the specific language governing permissions and
// limitations under the License.

package com.example.styledmap;

import android.content.res.Resources;
import android.os.Bundle;
import android.util.Log;
import androidx.appcompat.app.AppCompatActivity;

import com.google.android.gms.maps.CameraUpdateFactory;
import com.google.android.gms.maps.GoogleMap;
import com.google.android.gms.maps.OnMapReadyCallback;
import com.google.android.gms.maps.SupportMapFragment;
import com.google.android.gms.maps.model.LatLng;
import com.google.android.gms.maps.model.MapStyleOptions;

/**
 * A styled map using JSON styles from a raw resource.
 */
public class MapsActivityRaw extends AppCompatActivity
        implements OnMapReadyCallback {

    private static final String TAG = MapsActivityRaw.class.getSimpleName();

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        // Retrieve the content view that renders the map.
        setContentView(R.layout.activity_maps_raw);

        // Get the SupportMapFragment and register for the callback
        // when the map is ready for use.
        SupportMapFragment mapFragment =
                (SupportMapFragment) getSupportFragmentManager()
                        .findFragmentById(R.id.map);
        mapFragment.getMapAsync(this);
    }

    /**
     * Manipulates the map when it's available.
     * The API invokes this callback when the map is ready for use.
     */
    @Override
    public void onMapReady(GoogleMap googleMap) {

        try {
            // Customise the styling of the base map using a JSON object defined
            // in a raw resource file.
            boolean success = googleMap.setMapStyle(
                    MapStyleOptions.loadRawResourceStyle(
                            this, R.raw.style_json));

            if (!success) {
                Log.e(TAG, "Style parsing failed.");
            }
        } catch (Resources.NotFoundException e) {
            Log.e(TAG, "Can't find style. Error: ", e);
        }
        // Position the map's camera near Sydney, Australia.
        googleMap.moveCamera(CameraUpdateFactory.newLatLng(new LatLng(-34, 151)));
    }
}

/res/raw/style_json.json öğesinde şunu içeren bir ham kaynak tanımlayın: işletmenin önemli noktalarını gizlemek için aşağıdaki JSON stili beyanı (ÖY):

Aşağıdaki stil beyanında işletmenin ticari noktaları gizleniyor: ilgi alanı (ÖY) ve toplu taşıma simgeleri:

Düzen (activity_maps.xml) şuna benzer:

Dize kaynağı

Aşağıdaki kod örneğinde, projenizin bir dize kaynağı içerdiği varsayılır style_json adlı:

package com.example.styledmap;

import android.os.Bundle;
import android.support.v7.app.AppCompatActivity;
import android.util.Log;

import com.google.android.gms.maps.CameraUpdateFactory;
import com.google.android.gms.maps.GoogleMap;
import com.google.android.gms.maps.OnMapReadyCallback;
import com.google.android.gms.maps.SupportMapFragment;
import com.google.android.gms.maps.model.LatLng;
import com.google.android.gms.maps.model.MapStyleOptions;

/**
 * A styled map using JSON styles from a string resource.
 */
public class MapsActivityString extends AppCompatActivity
        implements OnMapReadyCallback {

    private static final String TAG = MapsActivityString.class.getSimpleName();

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        // Retrieve the content view that renders the map.
        setContentView(R.layout.activity_maps_string);

        // Get the SupportMapFragment and register for the callback
        // when the map is ready for use.
        SupportMapFragment mapFragment =
                (SupportMapFragment) getSupportFragmentManager()
                        .findFragmentById(R.id.map);
        mapFragment.getMapAsync(this);
    }

    /**
     * Manipulates the map when it's available.
     * The API invokes this callback when the map is ready for use.
     */
    @Override
    public void onMapReady(GoogleMap googleMap) {

        // Customise the styling of the base map using a JSON object defined
        // in a string resource file. First create a MapStyleOptions object
        // from the JSON styles string, then pass this to the setMapStyle
        // method of the GoogleMap object.
        boolean success = googleMap.setMapStyle(new MapStyleOptions(getResources()
                .getString(R.string.style_json)));

        if (!success) {
            Log.e(TAG, "Style parsing failed.");
        }
        // Position the map's camera near Sydney, Australia.
        googleMap.moveCamera(CameraUpdateFactory.newLatLng(new LatLng(-34, 151)));
    }
}

/res/values/style_strings.xml içinde bir dize kaynağı tanımlayın, şu JSON stili beyanını içerir: ilgi alanı (ÖY) Bu dosyada tırnak işaretleri:

Aşağıdaki stil beyanında işletmenin ticari noktaları gizleniyor: ilgi alanı (ÖY) ve toplu taşıma simgeleri:

Düzen (activity_maps.xml) şuna benzer:

JSON stili bildirimleri

Stil özellikleri ayarlanmış haritalar, bir tarayıcıya renk ve diğer stil değişikliklerini uygulamak için harita:

  • Seçiciler, oluşturabileceğiniz coğrafi bileşenleri belirtir. stilini de değiştirebilirsiniz. Bunlar yollar, parklar, su kütleleri yanı sıra etiketleri de dahil. Seçiciler özellikler içerir ve öğeler, featureType ve elementType mülk.
  • Stilciler, kullanabileceğiniz renk ve görünürlük özellikleridir. eşleme öğelerine uygulanır. Görüntülenen rengi renk tonu, renk ve açıklık/gama değerlerinin birleşiminden oluşur.

Ayrıntılı açıklama için stil referansına JSON stil seçenekleri.

Haritalar Platformu Stil Sihirbazı

Oluştur Google Haritalar Platformu API'leri için özel stiller

Aşağıdakileri oluşturmak için hızlı bir yol olarak Haritalar Platformu Stil Sihirbazı'nı kullanın: JSON stil nesnesi. Android için Haritalar SDK'sı aynı stili destekler Maps JavaScript API olarak bildirin.

Tam kod örnekleri

GitHub'daki ApiDemos deposu şunları içerir: örnek olarak verilebilir.