Harita kimliğine genel bakış
Koleksiyonlar ile düzeninizi koruyun
İçeriği tercihlerinize göre kaydedin ve kategorilere ayırın.
Harita kimliği, Google Cloud'da depolanan Google Harita stilini ve yapılandırma ayarlarını temsil eden benzersiz bir tanımlayıcıdır. Web sitelerinizdeki ve uygulamalarınızdaki özellikleri etkinleştirmek, haritaları yönetmek veya haritalara stil vermek için harita kimliklerini kullanırsınız. İhtiyacınız olan her platform (JavaScript, Android, iOS veya Statik Haritalar) için Google Cloud Console projenizdeki Harita Yönetimi sayfasında harita kimlikleri oluşturabilirsiniz.
Harita kimliklerinin nasıl oluşturulacağı hakkında bilgi edinmek için Harita kimlikleri oluşturma başlıklı makaleyi inceleyin.
Harita kimlikleriyle yapabilecekleriniz
Özellikleri ve stil oluşturmayı etkinleştirmek için harita kimliklerini kullanın. Harita kimliklerinin nasıl kullanılacağına dair bazı örnekleri aşağıda bulabilirsiniz. Tam liste için Harita kimliklerini kullanan özellikler başlıklı makaleyi inceleyin:
Bulut tabanlı harita stili: Google Cloud Console'u kullanarak haritalarınızı şekillendirmek, özelleştirmek ve yönetmek için bir harita kimliğini harita stiliyle ilişkilendirin.
Tüm platformlarda kullanılabilir:
Android,
iOS,
JavaScript ve Maps Static API.
Vektör haritalar: WebGL kullanılarak istemci tarafında yükleme sırasında çizilen vektör tabanlı döşemelerden oluşan bir harita kullanmak için harita kimliği kullanın.
JavaScript'te kullanılabilir.
Gelişmiş işaretçiler: Gelişmiş işaretçileri etkinleştirmek için harita kimliği kullanın. Android, iOS ve JavaScript'te kullanılabilir.
Bulut tabanlı harita stili örneği
Web sitenizdeki ve Android uygulamalarınızdaki haritaları stilize etmek için bulut tabanlı harita stilini kullanmak istiyorsanız aşağıdaki adımları uygulayın:
Kullandığınız her platform için harita kimlikleri oluşturun. Örneğin, bir JavaScript ve bir Android harita kimliği oluşturun. Ayrıntılar için Harita kimlikleri oluşturma başlıklı makaleyi inceleyin.
Google Cloud Console'da harita stili yapılandırın. Ayrıntılar için Bulut tabanlı harita stilleri başlıklı makaleyi inceleyin.
Her iki harita kimliğinizi de Google Cloud Console'daki harita stiliyle ilişkilendirin.
Ayrıntılar için Harita kimliklerini stilinizle ilişkilendirme başlıklı makaleyi inceleyin.
Web sitenizin JavaScript'inde ve Android uygulamanızın kodunda harita kimliğine referans verin.
Ayrıntılı bilgi için Uygulamanıza harita kimliği ekleme başlıklı makaleyi inceleyin.
Harita kimliklerinizle ilişkili harita stili daha sonra web sitenizde ve Android uygulamanızda gösterilir. Harita stilinizde Cloud Console'da güncellemeler yapabilirsiniz. Bu değişiklikler, müşterilerinizin herhangi bir uygulama güncellemesi yapmasına gerek kalmadan her iki yerde de otomatik olarak görünür.
Harita kimliklerini kullanan özellikler
Aşağıdaki tabloda, harita kimliklerini kullanan Google Haritalar Platformu özellikleri ve API'leri gösterilmektedir:
Özellik veya API |
Bu hedeflere ulaşmak için harita kimliklerini kullanır. |
Gelişmiş işaretçiler |
Gelişmiş işaretçileri etkinleştirin. Harita kimliği oluşturmanız gerekmez. Bunun yerine demo harita kimliğini DEMO_MAP_ID kullanabilirsiniz. |
Sınırlar için veriye dayalı stil |
Haritayı sınırlara göre şekillendirmek için harita kimliğini bir dizi sınır ve stil ile ilişkilendirin. |
Veri kümeleri için veriye dayalı stil |
Haritayı veri kümesine göre stilize etmek için harita kimliğini bir veri kümesi ve stil ile ilişkilendirin. |
Flutter |
Flutter uygulamalarınızda kullanılan Google Haritalar'ı stilize edin. |
Maps Embed API |
Bir web sayfasına yerleştirilecek haritayı belirtin ve stilini ayarlayın. |
Maps JavaScript API |
Bir web sayfasında gösterilecek haritayı stilize edin. |
Android için Haritalar SDK'sı |
Android uygulamasında gösterilecek haritayı stilize edin.1 |
iOS için Haritalar SDK'sı |
iOS uygulamasında gösterilecek haritayı stilize edin.1 |
Maps Static API |
Statik resim olarak oluşturulacak haritayı belirtin ve stilini ayarlayın. |
Mobilite çözümleri |
Mobilite çözümlerinde haritaları stilize etmek için Android ve iOS için Haritalar JavaScript API'si ve SDK'larını kullanın.1 |
WebGL (Vektör haritalar) |
JavaScript vektör harita kimliği kullanarak WebGL özelliklerini etkinleştirin. |
1 Android için Haritalar SDK'sında veya iOS için Haritalar SDK'sında bir harita kimliği kullanmak, Dinamik Haritalar SKU'su üzerinden ücretlendirilen bir harita yüklemesini tetikler.
Sonraki adımlar
Harita kimliği oluşturma
Aksi belirtilmediği sürece bu sayfanın içeriği Creative Commons Atıf 4.0 Lisansı altında ve kod örnekleri Apache 2.0 Lisansı altında lisanslanmıştır. Ayrıntılı bilgi için Google Developers Site Politikaları'na göz atın. Java, Oracle ve/veya satış ortaklarının tescilli ticari markasıdır.
Son güncelleme tarihi: 2025-08-31 UTC.
[null,null,["Son güncelleme tarihi: 2025-08-31 UTC."],[[["\u003cp\u003eMap IDs are unique identifiers used to represent a single Google Map instance, enabling features like cloud-based styling and advanced markers.\u003c/p\u003e\n"],["\u003cp\u003eYou can create map IDs for various platforms (JavaScript, Android, iOS, Static Maps) through the Google Cloud Console.\u003c/p\u003e\n"],["\u003cp\u003eCloud-based map styling allows you to customize and manage map styles centrally, with automatic updates across platforms.\u003c/p\u003e\n"],["\u003cp\u003eA variety of features and APIs utilize map IDs, including Advanced markers, Data-driven styling, and the Maps Embed API.\u003c/p\u003e\n"],["\u003cp\u003eUsing a map ID with Maps SDK for Android or iOS will result in charges against the Dynamic Maps SKU.\u003c/p\u003e\n"]]],["Map IDs, unique identifiers stored in Google Cloud, enable feature activation and map styling across platforms (JavaScript, Android, iOS, Static). Create them in the Google Cloud console for each platform. Use map IDs to enable cloud-based styling, vector maps, and advanced markers. Map IDs are used to accomplish goals such as styling maps, and enable advanced markers. Map ID usage on Android/iOS incurs Dynamic Maps SKU charges. Update map styles in the console; changes auto-update without app updates.\n"],null,["# Map ID overview\n\nSelect platform: [Android](/maps/documentation/android-sdk/map-ids/mapid-over \"View this page for the Android platform docs.\") [iOS](/maps/documentation/ios-sdk/map-ids/mapid-over \"View this page for the iOS platform docs.\") [JavaScript](/maps/documentation/javascript/map-ids/mapid-over \"View this page for the JavaScript platform docs.\") [Web Service](/maps/documentation/maps-static/map-ids/mapid-over \"View this page for the Web Service platform docs.\")\n\n\u003cbr /\u003e\n\n| **Paid feature:**\n| Features accessed by adding a [map ID](/maps/documentation/get-map-id) triggers a map\n| load charged against the Dynamic Maps SKU for Android and iOS. See\n| [Google Maps Billing](/maps/billing-and-pricing/sku-details#dynamic-maps-ess-sku) for more information.\n\nA map ID is a unique identifier that represents Google Map styling and configuration settings that are stored in Google Cloud. You use map IDs to enable features or manage or style maps on your websites and in your applications. You can create map IDs for each platform you need--JavaScript, Android, iOS, or Static maps--in your Google Cloud console project on the **Map Management** page.\n\nFor how to create map IDs, see [How to create map IDs](/maps/documentation/javascript/map-ids/get-map-id).\n\nWhat you can do with map IDs\n----------------------------\n\nUse map IDs to enable features and styling. Here are some examples of how to\nuse map IDs. For a full list, see [Features that use map IDs](#features-available):\n\n- **Cloud-based maps styling** : Associate a map ID with a map style to\n style, customize, and manage your maps using the Google Cloud console.\n Available on all platforms:\n [Android](/maps/documentation/android-sdk/cloud-customization),\n [iOS](/maps/documentation/ios-sdk/cloud-customization),\n [JavaScript](/maps/documentation/javascript/cloud-customization),\n and [Maps Static API](/maps/documentation/maps-static/cloud-customization).\n\n- **Vector maps** : Use a map ID to use a map composed of vector-based tiles\n that are drawn at load time on the client side using WebGL.\n Available on [JavaScript](/maps/documentation/javascript/vector-map).\n\n- **Advanced markers** : Use a map ID to enable Advanced markers. Available on\n [Android](/maps/documentation/android-sdk/advanced-markers/overview),\n [iOS](/maps/documentation/ios-sdk/advanced-markers/overview), and\n [JavaScript](/maps/documentation/javascript/advanced-markers/overview).\n\n### Example for cloud-based maps styling\n\nTo use cloud-based maps styling to style maps on your website and Android apps,\nfollow these steps:\n\n1. Create map IDs for each platform you are using. For example, create a\n JavaScript and an Android map ID. For details, see\n [Create map IDs](/maps/documentation/javascript/map-ids/get-map-id).\n\n2. Configure a map style on the Google Cloud console. For details, see\n [cloud-based maps styling](/maps/documentation/javascript/cloud-customization/map-styles-leg).\n\n3. Associate both of your map IDs with the map style in the Google Cloud console.\n For details, see [Associate map IDs with your style](/maps/documentation/javascript/cloud-customization/map-styles-leg#associate-style-with-map-id).\n\n4. Reference the map ID in your website JavaScript and your Android app code.\n For details, see [Add a map ID to your app](/maps/documentation/javascript/map-ids/get-map-id#add-a-map-id-to-your-app).\n\nThe map style associated with your map IDs is then displayed on your website and\nin your Android app. You can make updates to your map style in the\nCloud console, and changes appear in both places automatically,\nwithout the need for any app updates by your customers.\n\n### Features that use map IDs\n\nThe following table shows the Google Maps Platform features and APIs that use\nmap IDs:\n\n| Feature or API | Uses map IDs to accomplish these goals |\n|-----------------------------------------------------------------------------------------------|----------------------------------------------------------------------------------------------------------------|\n| [Advanced markers](/maps/documentation/javascript/advanced-markers/overview) | Enable advanced markers. You don't need to create a map ID, and can instead use the demo map ID `DEMO_MAP_ID`. |\n| [Data-driven styling for boundaries](/maps/documentation/android-sdk/dds-boundaries/overview) | Associate the map ID with a set of boundaries and styling to style the map according to the boundaries. |\n| [Data-driven styling for datasets](/maps/documentation/android-sdk/dds-datasets/overview) | Associate the map ID with a set of data and styling to style the map according to the dataset. |\n| [Flutter](/maps/documentation/cross-platform/navigation) | Style the Google maps used in your Flutter apps. |\n| [Maps Embed API](/maps/documentation/embed/get-started) | Specify and style the map to be embedded on a web page. |\n| [Maps JavaScript API](/maps/documentation/javascript/cloud-customization) | Style the map to be displayed on a web page. |\n| [Maps SDK for Android](/maps/documentation/android-sdk/cloud-customization) | Style the map to be displayed in an Android application.^1^ |\n| [Maps SDK for iOS](/maps/documentation/ios-sdk/cloud-customization) | Style the map to be displayed in an iOS application.^1^ |\n| [Maps Static API](/maps/documentation/maps-static/cloud-customization) | Specify and style the map to be rendered as a static image. |\n| [Mobility solutions](/maps/documentation/mobility/journey-sharing/on-demand/javascript/style) | Use the Maps JavaScript API and SDKs for Android and iOS to style maps in Mobility solutions.^1^ |\n| [WebGL (Vector maps)](/maps/documentation/javascript/webgl) | Enable WebGL features using a JavaScript vector map ID. |\n\n^1^ Using a map ID on Maps SDK for Android or Maps SDK for iOS\ntriggers a map load that is charged against the Dynamic Maps SKU.\n\nNext steps\n----------\n\n[Create a map ID](/maps/documentation/javascript/map-ids/get-map-id)"]]