Bulut tabanlı harita stili

Platform seçin: Android iOS JavaScript Web Hizmeti

Google Haritalar Platformu, Google Cloud Console'u kullanarak haritalarınızı şekillendirmenizi, özelleştirmenizi ve yönetmenizi kolaylaştıran Cloud tabanlı harita stili özellikleri sunar. Böylece, her stil değişikliği yaptığınızda uygulamanı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'ın geliştirilmiş doğal özellikleri gösterilmeyecek. Harita stilinize yönelik Google Haritalar geliştirilmiş doğal özellikler desteğini kullanmak için harita Stili oluşturmanız gerekir.

Bulut tabanlı harita stili, harita kimliği uygulandığında kodda değişiklik yapmanıza gerek kalmadan Google Haritalar'ı kullanan herhangi bir uygulamanız için harita stilleri oluşturmanıza ve düzenlemenize olanak tanır. Tüm stil değişiklikleri Cloud Console'da yapılabilir. Kodlama bilmeniz gerekmez. Yollar, binalar, su kütleleri, önemli noktalar ve toplu taşıma rotaları gibi birçok harita öğesinin görünümünü ve rengini değiştirin.

Bu özellikler şunlardır:

  • Bulut tabanlı harita stili: Harita üzerinde JSON kullanarak haritanızı kodlamak yerine, harita kimliklerini ve harita stillerini kullanarak Cloud Console'da dinamik veya statik haritalarınızı yönetin ve biçimlendirin.
  • Vektör Haritası: JavaScript geliştiricileri, maps.google.com adresinde bulunan ve doğrudan kendi web uygulamalarında kullanabileceğiniz WebGL hızlandırılmış vektör tabanlı haritayı kullanmayı seçebilir.
  • İşletme ÖY filtrelemesi: Beş önemli ilgi çekici yer kategorisi, isteğe bağlı olarak harita ekranından kaldırılabilir.
  • ÖY Yoğunluk Kontrolü: Temel haritada gösterilen önemli yerlerin yoğunluğu, varsayılan olarak daha fazla veya daha az önemli yer gösterecek şekilde ayarlanabilir.

Bulut tabanlı harita stili Android için Haritalar SDK'sı1, iOS için Haritalar SDK'sı, JavaScript ve Maps Static API'da kullanılabilir ancak tüm platformlarda tüm özellikler görünmeyebilir.

Başlamadan önce

Faturalandırma

Bulut tabanlı harita stili 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 kullanmak Dinamik Haritalar SKU'suna göre ücretlendirilir. Maps Static API'de harita kimliği kullanımı Statik Haritalar SKU'suna göre ücretlendirilir.

Örnekler

Bu, harita kimliği kullanılarak özel stile sahip bir haritayı yüklemenin temel örneğidir. Bu durumda Haritalar JavaScript'i, harita yüklendiğinde 8e0a97af9386fef harita kimliğine referans verir ve halihazırda bu harita kimliğiyle ilişkilendirilmiş harita stilini 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öster

Örneği Dene


  1. Bulut tabanlı haritalar stili, Android'in Basit modunda kullanılamaz.