Eski örnekler

Android

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

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

Android haritanızı buluttan nasıl biçimlendireceğinizi gösteren bir Java ve Kotlin örnek uygulaması 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ılır.

Yeni özel stillerin test amacıyla hemen gösterilmesini sağlamak için uygulama verilerini test cihazınızdan temizleyin. Cihazınızdaki verileri temizleme hakkında daha fazla bilgi edinmek için Android Yardımı - Yer Açma başlıklı makaleyi inceleyin.

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ırma

ApiDemos örnek uygulamasını çalıştırmak için GitHub örneğine göz atın Google Maps sample app (Google Haritalar örnek uygulaması) ve CloudBasedMapStylingViewController projesini görüntüleyin (Swift| Objective-C için GitHub örneği).

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

Sıfırdan başlamak yerine, iOS haritanızın buluttan nasıl biçimlendirileceğini gösteren Objective-C örnek uygulamamızı deneyebilirsiniz. Ayrıntılar için Objective-C örneği sayfasına göz atın.

Beta demo uygulamasını oluşturma

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

Henüz API anahtarınız yoksa Cloud Console'da proje oluşturun ve API anahtarı alma bölümündeki talimatları uygulayarak bir API anahtarı alın. Anahtarı, Cloud Console'da yapılandırırken yalnızca uygulamanızın kullanabileceğinden emin olmak için uygulamanızın paket tanımlayıcısını belirtebilirsiniz. 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 Kilidi 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.

Cloud stili harita demosu

CloudStyling demosu, Google Cloud Console'da bir stil grubu kullanılarak harita stilini nasıl belirleyeceğinizi gösterir.

Demo uygulaması başlatıldığında listenin üst kısmında yer alan Beta Örnekler bölümündeki 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 uygulanmış haritanızla görebilirsiniz.

JavaScript

Bu, harita kimliği kullanarak özel stil uygulanmış bir harita yüklemeyle ilgili temel bir örnektir. Bu durumda, Haritalar JavaScript'i, harita yüklendiğinde 8e0a97af9386fef harita kimliğine başvurur ve bu harita kimliğiyle ilişkilendirilen 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;
index.ts

JavaScript

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

window.initMap = initMap;
index.js
Ö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. Bir harita stili yapılandırın ve bunu Google Cloud Console'da bir harita kimliğiyle ilişkilendirin. Ardından, kodunuzda bir harita kimliğine referans verdiğinizde, onunla ilişkilendirilmiş harita stili uygulamanızda görüntülenir. Daha sonra yaptığınız stil güncellemeleri, müşterileriniz tarafından herhangi bir güncelleme yapılması gerekmeden otomatik olarak uygulamanızda görünür.

  1. Bulut tabanlı harita stilini style parametresiyle özelleştirilmiş mevcut bir haritayla kullanıyorsanız, gelecekteki özelliklerle 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 ekleyip harita kimliğinize ayarlayın. Bu örnekte, Maps Static API'yi kullanarak haritaya harita kimliğinin 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" />