Bu eğitimde, Android uygulamanıza özel stil içeren bir haritanın nasıl ekleneceği gösterilmektedir. Eğitimde, özel stil örneği olarak gece modu kullanılmaktadır.
Stil seçenekleri sayesinde standart Google harita stillerinin sunumunu özelleştirebilir, yollar, parklar, işletmeler ve diğer önemli yerler gibi özelliklerin görsel görüntüsünü değiştirebilirsiniz. Bu sayede haritanın belirli bileşenlerini vurgulayabilir veya haritanın uygulamanızın tarzını tamamlamasını sağlayabilirsiniz.
Stil yalnızca normal
harita türünde çalışır. Stil, iç mekan haritalarını etkilemez.
Kodu alın
GitHub'dan Google Haritalar Android API v2 Örnekleri deposunu klonlayın veya indirin.
Geliştirme projenizi oluşturma
Android Studio'da eğitim projesini oluşturmak için aşağıdaki adımları uygulayın.
- Android Studio'yu indirin ve yükleyin.
- Android'e Google Play Hizmetleri paketini ekleyin Stüdyo'yu seçin.
- Google Haritalar Android API v2 Samples deposunu klonlama veya indirme bu işlemi yapmamış olmanız gerekir.
Eğitim projesini içe aktarın:
- Android Studio'da Dosya > Yeni > Projeyi İçe Aktar'ı seçin.
- Google Haritalar Android API v2 Sana Özel'i kaydettiğiniz konuma gidin depolanacağı tarihtir.
- StyledMap projesini şu konumda bulun:
PATH-TO-SAVED-REPO/android-samples/tutorials/StyledMap
- Proje dizinini seçin ve OK (Tamam) seçeneğini tıklayın. Android Studio artık Gradle derleme aracını kullanarak projenizi derliyor.
API anahtarı alın ve gerekli API'leri etkinleştirin
Bu eğitimde Android için Haritalar SDK'sını kullanma yetkisine sahip bir Google API anahtarına ihtiyacınız vardır.
Bir anahtar almak ve API'yi etkinleştirmek için aşağıdaki düğmeyi tıklayın.
Daha fazla bilgi için API anahtarı alma kılavuzunu inceleyin.
API anahtarını uygulamanıza ekleyin
- Projenizin
gradle.properties
dosyasını düzenleyin. API anahtarınızı
GOOGLE_MAPS_API_KEY
özelliğinin değerine yapıştırın. Zaman uygulamanızı derlerseniz Gradle, API anahtarını uygulamanın Android cihazına kopyalar manifest'ini kullanabilirsiniz.GOOGLE_MAPS_API_KEY=PASTE-YOUR-API-KEY-HERE
Uygulamanızı derleyip çalıştırma
- Android cihazınızı bilgisayarınıza bağlayın. Şunu izleyin: Android cihazınızda geliştirici seçeneklerini etkinleştirme talimatları açın ve sisteminizi cihazı algılayacak şekilde yapılandırın. (Alternatif olarak, sanal cihaz yapılandırmak için Android Sanal Cihaz (AVD) Yöneticisi'ni kullanabilirsiniz. Emülatör seçerken, emülatör olarak Google API'leri. Daha fazla bilgi için başlangıç kılavuzuna bakın.)
- Android Studio'da Çalıştır menü seçeneğini (veya oynat düğmesi simgesini) tıklayın. İstendiğinde bir cihaz seçin.
Android Studio, uygulamayı derlemek için Gradle'ı çağırır ve ardından uygulamayı cihaz üzerinde veya emülatörde. Bu sayfadaki resme benzer şekilde koyu renkli (gece modu) bir stilin uygulandığı bir harita görürsünüz.
Sorun Giderme:
- Harita görmüyorsanız bir API anahtarı alıp almadığınızı kontrol edin. yukarıda açıklandığı gibi. API anahtarıyla ilgili hata mesajları için Android Studio'nun Android İzleyici'sindeki günlüğü kontrol edin.
- Günlükleri görüntülemek ve hata ayıklamak için Android Studio hata ayıklama araçlarını kullanın. görebilirsiniz.
Kodu anlama
Bu eğiticinin bu bölümünde, benzer bir uygulamayı nasıl oluşturacağınızı anlamanıza yardımcı olmak için StyledMap uygulamasının en önemli bölümleri açıklanmaktadır.
JSON stili nesne içeren bir kaynak ekleyin
Geliştirme projenize stil beyanlarınızı içeren bir kaynak ekleyin JSON biçiminde dışa aktarabilirsiniz. Aşağıdaki örneklerde gösterildiği gibi ham bir kaynak veya dize kullanabilirsiniz.
Ham kaynak
/res/raw/style_json.json
öğesinde şunu içeren bir ham kaynak tanımlayın:
gece modu stili için JSON stil beyanı:
Dize kaynağı
Gece modu stili için JSON stil beyanını içeren bir dize kaynağını /res/values/style_strings.xml
içinde tanımlayın. Bu
eğiticide style_json
dize adı kullanılmaktadır. İçinde
bu dosyada, tırnak işaretlerinden kurtulmak için ters eğik çizgi kullanmanız gerekir:
Haritanıza JSON stilinde bir nesne iletin
Haritanızın stilini belirlemek için GoogleMap.setMapStyle()
numaralı telefonu arayarak
Stilinizi içeren MapStyleOptions
nesne
bildirimlerinin JSON biçiminde olmasını sağlayın.
Ham kaynak
Aşağıdaki kod örneğinde, projenizde style_json
adlı ham bir kaynak bulunduğu varsayılmaktadır:
// 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))); } }
Düzen (activity_maps_raw.xml
) aşağıdaki gibi görünür:
Dize kaynağı
Aşağıdaki kod örneğinde, projenizde style_json
adlı bir dize kaynağının bulunduğu varsayılmaktadır:
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))); } }
Düzen (activity_maps_string.xml
) şuna benzer:
JSON stil beyanları hakkında daha fazla bilgi
Stilize haritalar, haritaya renk ve diğer stil değişikliklerini uygulamak için iki kavram kullanır:
- Seçiciler, haritada stil uygulayabileceğiniz coğrafi bileşenleri belirtir. Bunlar yollar, parklar, su kütleleri
yanı sıra etiketleri de dahil. Seçiciler özellikler içerir
ve öğeler,
featureType
veelementType
mülk. - Stil araçları, kullanabileceğiniz renk ve görünürlük özellikleridir. eşleme öğelerine uygulanır. Bunlar; ton, renk ve açıklık/gama değerlerinin bir kombinasyonuyla gösterilen rengi tanımlar.
Ayrıntılı açıklama için stil referansına JSON stil seçenekleri.
Haritalar Platformu Stil Sihirbazı
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.
Sonraki adım
Stillendirmeyle haritadaki özellikleri nasıl gizleyeceğinizi öğrenin.