Bulut tabanlı harita stili

Google Haritalar Platformu, Google Cloud Console kullanarak haritalarınızı biçimlendirmeyi, özelleştirmeyi ve yönetmeyi kolaylaştıran bulut tabanlı harita stil özellikleri sunar. Böylece, her stil değişikliği yaptığınızda uygulamalarınızın kodunu güncellemek zorunda kalmadan kullanıcılarınız için özelleştirilmiş bir harita deneyimi oluşturabilirsiniz.

15 Eylül 2020'den önce oluşturulan stillerde, Google Haritalar'daki gelişmiş doğal özellikler gösterilmez. Harita stilinizde Google Haritalar'ın gelişmiş doğal özellikler desteğini kullanmak için bir harita Stili oluşturmanız gerekir.

Bulut tabanlı harita stili, harita kimliği yerleştirildikten sonra kodunuzda herhangi bir değişiklik yapmadan Google Haritalar'ı kullanan tüm uygulamalarınız için harita stilleri oluşturmanıza ve düzenlemenize olanak tanır. Tüm stil değişiklikleri, kodlama becerisi gerektirmeden Cloud Console'da yapılabilir. Yollar, binalar, su kütleleri, önemli yerler ve toplu taşıma rotaları gibi birçok harita öğesinin görünümünü ve rengini değiştirebilirsiniz.

Bu özellikler şunlardır:

  • Bulut tabanlı harita stili: Haritanızın stil özelliklerini JSON kullanarak kod haline getirmek yerine, Cloud Console'da harita kimliklerini ve harita stillerini kullanarak dinamik veya statik haritalarınızı yönetip bunların stilini belirleyin.
  • Vektör Haritası: JavaScript geliştiricileri, doğrudan kendi web uygulamalarında bulunan ve maps.google.com'da bulunan WebGL hızlandırılmış vektör tabanlı haritayı kullanmayı seçebilir.
  • İşletme ÖY filtrelemesi: Harita ekranından isteğe bağlı olarak beş işletme önemli yeri kategorisi kaldırılabilir.
  • ÖY Yoğunluk Denetimi: Temel haritada gösterilen önemli yerlerin yoğunluğu, varsayılan olarak daha fazla veya daha az önemli yer gösterilecek şekilde ayarlanabilir.

Bulut tabanlı harita stili Android için Haritalar SDK'sı1, iOS için Haritalar SDK'sı, JavaScript ve Haritalar Statik API'si'nde kullanılabilir olsa da özelliklerin tümü tüm platformlarda görünmeyebilir.

Başlamadan önce

* Android için Haritalar SDK'sını yeni sürüme geçirin
Bulut tabanlı harita stilini kullanmak için Android için Haritalar SDK'sının 18.0.0 veya sonraki bir sürümünü, Android için en yeni Haritalar SDK'sı oluşturucusunu kullanmanız gerekir.

Faturalandırma

Bulut tabanlı harita stilini kullanmak için harita kimliği gerekir. Android için Haritalar SDK'sı, iOS için Haritalar SDK'sı ve JavaScript'te, harita kimliği kullanıldığında Dinamik Haritalar SKU'su için ücret alınır. Maps Static API'de harita kimliği kullanıldığında Static Maps SKU'su için ücret alınır.

Örnekler

Android

ApiDemos örnek uygulamasını çalıştırın

ApiDemos örnek uygulamasını çalıştırmak için GitHub örneğini (Java | Kotlin) inceleyin ve CloudBasedMapStylingDemoActivity demosunu (Java | Kotlin) izleyin.

Android haritanızın buluttan nasıl biçimlendirileceğini gösteren Java ve Kotlin örnek uygulamasını bulabilirsiniz.

Bilinen Sorunlar

Uygulamanız müşterilere yayınlandıktan sonra, harita kimlikleri olan haritalar için özel stiller Google Cloud Console'dan güncellenebilir. Yeni stiller birkaç saat içinde uygulamanıza yansıtılacaktır.

Yeni özel stillerin test amacıyla hemen gösterilmesini sağlamak için test cihazınızdaki uygulama verilerini temizleyin. Cihazınızdaki verileri temizleme hakkında daha fazla bilgi edinmek için Android Yardımı - Yer Açma sayfasına göz atın.

Ayarların telefona göre değişebileceğini unutmayın. Daha fazla bilgi için cihaz üreticinize başvurun.

iOS

ApiDemos örnek uygulamasını çalıştırın

ApiDemos örnek uygulamasını çalıştırmak için GitHub örneğine bakın GoogleMap örnek uygulaması ve CloudBasedMapStylingViewController projesini görüntüleyin (Swift | Objective-C için GitHub örneği).

İsteğe bağlı Cloud Styling CocoaPod veya GitHub demosu

Sıfırdan başlamak yerine, iOS haritanızın stilini nasıl ayarlayacağınızı gösteren örnek uygulamamızı buradan deneyebilirsiniz.

Beta demo uygulamasını oluşturma

Xcode'da, geçerli şemayı derlemek ve ardından çalıştırmak için derle düğmesine basın. Derleme bir hata vererek API anahtarınızı SDKDemoAPIKey.h dosyasına girmenizi ister.

Henüz API anahtarınız yoksa Cloud Console'da proje oluşturmak ve API anahtarı almak için bu talimatları uygulayın. Anahtarı Cloud Console'da yapılandırırken uygulamanızın paket tanımlayıcısını belirterek anahtarı yalnızca uygulamanızın kullanabileceğinden emin olabilirsiniz. SDK örnekleri uygulamasının varsayılan paket tanımlayıcısı com.example.GoogleMapsDemos şeklindedir.

SDKDemoAPIKey.h dosyasını düzenleyin ve API anahtarınızı kAPIKey sabitinin tanımına yapıştırın:

```
static NSString *const kAPIKey = @"YOUR_API_KEY";
```

Xcode, düzenleme için SDKDemoAPIKey.h dosyasının kilidini açmanızı isterse Kilidini aç'ı seçin.

Aşağıdaki satırı kaldırın:

```
#error Register for API Key and insert here.
```

Projeyi oluşturun ve çalıştırın.

Bulut tabanlı haritalar harita stili oluşturma demosu

CloudStyling demosu, Google Cloud Console'da ayarlanmış bir stil kullanarak haritanın stilini nasıl belirleyeceğinizi gösterir.

Demo uygulama başladığında, listenin üst kısmındaki Beta Sana Özel bölümünde Harita Özelleştirme demosunu tıklayın.

Farklı Harita Kimlikleri yüklemenin etkisini görmek için Stil Haritası'nı tıklayın.

Kendi stilinizi de eklemeyi deneyebilir ("Stil Haritası" > "Yeni Harita Kimliği ekle") ve harita güncellemesini özel stil haritanızla görebilirsiniz.

JavaScript

Bu, harita kimliği kullanarak özel stile sahip bir harita yüklemeye dair temel bir örnektir. Bu durumda, Haritalar JavaScript'i, harita yüklendiğinde 8e0a97af9386fef harita kimliğine referans verir ve o harita kimliğiyle ilişkilendirilmiş olan harita stilini otomatik olarak uygular.

TypeScript

function initMap(): void {
  new google.maps.Map(
    document.getElementById("map") as HTMLElement,
    {
      mapId: "8e0a97af9386fef",
      center: { lat: 48.85, lng: 2.35 },
      zoom: 12,
    } as google.maps.MapOptions
  );
}

declare global {
  interface Window {
    initMap: () => void;
  }
}
window.initMap = initMap;

JavaScript

function initMap() {
  new google.maps.Map(document.getElementById("map"), {
    mapId: "8e0a97af9386fef",
    center: { lat: 48.85, lng: 2.35 },
    zoom: 12,
  });
}

window.initMap = initMap;
Örneği görüntüleyin

Örneği Deneyin

Maps Static API

Harita kimliği, belirli bir harita stili veya özelliğiyle ilişkilendirilen bir tanımlayıcıdır. Google Cloud Console'da bir harita stili yapılandırıp harita kimliğiyle ilişkilendirin. Daha sonra, kodunuzda bir harita kimliğine referans verdiğinizde, bu harita kimliği ile ilişkilendirilmiş harita stili uygulamanızda görüntülenir. Yaptığınız tüm sonraki stil güncellemeleri, müşterilerinizin herhangi bir güncelleme yapmasına gerek kalmadan uygulamanızda otomatik olarak görünür.

  1. Bulut tabanlı harita stilini, style parametresiyle özelleştirilmiş mevcut bir haritayla kullanıyorsanız, gelecekteki işlevlerle olası çakışmaları önlemek için bunları kaldırdığınızdan emin olun.

  2. Web API'lerimizden birini kullanan yeni veya mevcut bir haritaya harita kimliği eklemek için map_id URL parametresini ekleyin ve harita kimliğinizle ayarlayın. Bu örnekte, Maps Static API kullanılarak bir haritaya harita kimliği eklenmesi gösterilmektedir.

    <img src="https://maps.googleapis.com/maps/api/staticmap?center=Brooklyn+Bridge,New+York,NY&zoom=13&size=600x300&maptype=roadmap&markers=color:blue%7Clabel:S%7C40.702147,-74.015794&markers=color:green%7Clabel:G%7C40.711614,-74.012318&markers=color:red%7Clabel:C%7C40.718217,-73.998284&key=YOUR_API_KEY&map_id=YOUR_MAP_ID&signature=YOUR_SIGNATURE" />
    


  1. Bulut tabanlı harita stili, Android'in Basit modda kullanılamaz.