Bu konuda, Haritalar JavaScript API'si ile geliştirilen tüm uygulamalar (söz konusu API'nin bir parçası olan Otomatik Yer Tamamlama hizmeti dahil) ile ilgili ilişkilendirme gereksinimleri açıklanmaktadır. Diğer Google Haritalar Platformu şartları için Google Haritalar Platformu Hizmet Şartları'na bakın.
Kullanım şartlarını ve gizlilik politikasını sağlama
Bir Maps JavaScript API uygulaması geliştirirseniz uygulamanızla birlikte Kullanım Şartları'nı ve Google ile Sözleşmenizde belirtilen yönergelere uygun bir Gizlilik Politikası'nı kullanıma sunmanız gerekir:
- Kullanım Şartları ve Gizlilik Politikası herkese açık olmalıdır.
- Uygulamanızın Kullanım Şartları'nda, uygulamanızı kullanan kullanıcıların Google’ın Hizmet Şartları'na tabi olduğunu açıkça belirtmelisiniz.
- Gizlilik Politikanızda kullanıcılara Google Haritalar API'lerini kullandığınızı bildirmeniz ve Google Gizlilik Politikası'nı referans olarak eklemeniz gerekir.
Kullanım Şartları ve Gizlilik Politikanız'ı kullanmanız için önerilen yer, uygulamanızın platformuna bağlıdır.
Mobil uygulamalar
Mobil uygulama geliştiriyorsanız uygulamanızın ilgili uygulama mağazasındaki indirme sayfasında ve uygulama ayarları menüsünde Kullanım Şartları ve Gizlilik Politikası'nın bağlantısını sağlamanız önerilir.
Web uygulamaları
Web uygulaması geliştiriyorsanız web sitenizin altbilgi bölümüne Kullanım Şartları ve Gizlilik Politikası'nın bağlantısını sağlamanız önerilir.
İçeriği önceden getirme, önbelleğe alma veya depolama
Maps JavaScript API kullanan uygulamalar Google ile aranızdaki Sözleşme şartlarına tabidir. Sözleşmenizin şartlarına tabi olarak, şartlarda belirtilen sınırlı koşullar hariç hiçbir İçeriği önceden getirmemeli, dizine eklememeli, depolamamalı veya önbelleğe almamalısınız.
Bir yeri benzersiz şekilde tanımlamak için kullanılan yer kimliğinin, önbelleğe alma kısıtlamalarından muaf tutulduğunu unutmayın. Yer kimliği, Haritalar JavaScript API yanıtlarındaki "place_id" alanında döndürülür. Yer kimliklerinin nasıl kaydedileceğini, yenileneceğini ve yönetileceğini Yer Kimlikleri kılavuzundan öğrenebilirsiniz.
Maps JavaScript API sonuçlarını görüntüleme
Maps JavaScript API sonuçlarını bir Google Haritasında veya harita olmadan görüntüleyebilirsiniz. Maps JavaScript API sonuçlarını bir haritada görüntülemek isterseniz bu sonuçlar bir Google Haritası üzerinde gösterilmelidir. Google haritası olmayan bir haritada Maps JavaScript API verilerinin kullanılması yasaktır.
Google logosunu ve atıfları görüntüleme
Uygulamanız bir Google Haritası üzerinde veri görüntülüyorsa, Google logosu buna dahil edilir ve değiştirilemez. Google verilerini bir Google Haritasıyla aynı ekranda görüntüleyen uygulamaların, Google'a başka bir atıf sağlaması gerekmez.
Uygulamanız, aynı zamanda Google Haritası görüntülemeyen bir sayfa veya görünümde veri görüntülüyorsa bu verilerle birlikte bir Google logosu göstermeniz gerekir. Örneğin, uygulamanız bir sekmede Google verilerini, başka bir sekmede ise bu verileri içeren bir Google Haritası görüntülüyorsa ilk sekmede Google logosu gösterilmelidir. Uygulamanız, otomatik tamamlama ile veya otomatik tamamlama olmadan arama alanları kullanıyorsa logo satır içinde gösterilmelidir.
Google logosu, haritanın sol alt köşesine, atıf bilgileri sağ alt köşeye yerleştirilmeli ve her ikisi de haritada bir bütün olarak sunulmalı ve haritanın veya uygulama içindeki başka bir yerin altında sunulmamalıdır. Aşağıdaki harita örneğinde, haritanın sol alt tarafındaki Google logosu ve sağ alt kısımdaki atıf gösterilmektedir.
![politika ilişkilendirme yerleşimi](https://developers-dot-devsite-v2-prod.appspot.com/static/maps/images/policies_attribution_placement.png?authuser=7&hl=tr)
Açık renkli arka planda kullanım için | Koyu renkli arka planda kullanım için |
---|---|
![]() |
![]() |
Aşağıdaki zip dosyası, Google logosunu masaüstü, Android ve iOS uygulamaları için doğru boyutlarda içermektedir. Bu logoları hiçbir şekilde yeniden boyutlandıramaz veya değiştiremezsiniz.
İndir: google_logo.zip
İlişkilendirmeyi değiştirmeyin. İlişkilendirme bilgilerini kaldırmayın, üzerini kapatmayın veya kırpmayın. Google logolarını satır içinde kullanamazsınız (örneğin, "Bu haritalar [Google_logo] logosuna aittir).
İlişkilendirmeyi yakın tutun. Doğrudan yerleştirmelerin dışında Google görüntülerinin ekran görüntülerini kullanıyorsanız standart atfı resimde göründüğü gibi ekleyin. Gerekirse metnin içeriğe yakın olması ve ortalama görüntüleyen ya da okuyucu tarafından okunabilmesi koşuluyla, atıf metninin stilini ve yerleşimini özelleştirebilirsiniz. Atıfları içerikten uzağa (örneğin, kitabınızın sonuna, dosyalarınızın veya programınızın jeneriklerine ya da web sitenizin alt bilgisine) taşıyamazsınız.
Üçüncü taraf veri sağlayıcıları dahil edin. Harita ürünlerimizdeki bazı veri ve resimler Google dışındaki sağlayıcılardan gelir. Bu tür görüntüler kullanıyorsanız ilişkilendirmenizin metninde "Google" adı ve ilgili veri sağlayıcıları belirtilmelidir(ör. "Harita verileri: Google, Maxar Technologies"). Görüntülerle birlikte atıfta bulunulan üçüncü taraf veri sağlayıcıları olduğunda, yalnızca "Google"ın veya Google logosunun eklenmesi uygun bir atıf değildir.
İlişkilendirme görünümünün pratik olmadığı bir cihazda Google Haritalar Platformu'nu kullanıyorsanız kullanım alanınıza uygun lisansları görüşmek için lütfen Google satış ekibiyle iletişime geçin.
Diğer ilişkilendirme gereksinimleri
Üçüncü taraf ilişkilendirmelerini almak ve ilişkilendirmeleri uygulamanızda görüntülemek için bu talimatları uygulayın.
Bir Yerden atıfları alın
Uygulamanız, Place.fetchFields
aramasıyla elde edilen yorum bilgilerini gösteriyorsa uygulamanın elde edilen yer ayrıntıları için üçüncü taraf ilişkilendirmelerini de göstermesi gerekir.
API bir Place
nesnesi döndürür. Place
nesnesinden ilişkilendirmeleri almak için her istekle döndürülen Place.attributions
özelliğini kullanın (alanlarla belirtmeniz gerekmez). Özellik, String
nesneden List
veya görüntülenecek bir ilişkilendirme yoksa null
döndürür. Aşağıdaki örnek kod, bir yerin alınmasını ve tüm ilişkilendirmelerin listelenmesini göstermektedir.
// Use place ID to create a new Place instance. const place = new Place({ id: 'ChIJB9a4Ifl744kRlpz0BQJzGQ8', // Crazy Good Kitchen }); // Call fetchFields, passing the desired data fields. await place.fetchFields({ fields: ["displayName", "formattedAddress", "location", "reviews"], }); // Check for any place attributions. if (!place.attributions) { console.log('No attributions were found.'); return; } else { // Log the place attribution for (var attribution of place.attributions) { console.log(attribution); } }
Yorum görüntüleyin
Bir Place
nesnesi en fazla beş yorum içerebilir. Her yorum, bir Review
nesnesiyle temsil edilir. İsterseniz bu yorumları uygulamanızda görüntüleyebilirsiniz.
Google kullanıcılarının katkıda bulunduğu yorumları görüntülerken yazarın adını yakın bir şekilde yerleştirmelisiniz. Review
nesnesinin yazar atıf alanında mevcut olduğunda, yazarın fotoğrafını ve profilinin bağlantısını da eklemenizi öneririz. Aşağıdaki resimde bir park incelemesi örneği gösterilmektedir:
![Yazar atfı ekranı](https://developers-dot-devsite-v2-prod.appspot.com/static/maps/documentation/places/images/review_attributions.png?authuser=7&hl=tr)
Aşağıdaki örnekte bir yer alma, yorumları kontrol etme ve ilk yoruma ait veriler gösterilmektedir:
// Use place ID to create a new Place instance. const place = new Place({ id: 'ChIJB9a4Ifl744kRlpz0BQJzGQ8', // Crazy Good Kitchen, Boston MA }); // Call fetchFields, passing "reviews" and other needed fields. await place.fetchFields({ fields: ["displayName", "formattedAddress", "location", "reviews"], }); // If there are any reviews display the first one. if (!place.reviews) { console.log('No reviews were found.'); } else { // Log the review count so we can see how many there are. console.log("REVIEW COUNT: " + place.reviews.length); // Get info for the first review. let reviewRating = place.reviews[0].rating; let reviewText = place.reviews[0].text; let authorName = place.reviews[0].authorAttribution.displayName; let authorUri = place.reviews[0].authorAttribution.uri; // Create a bit of HTML to add to the info window const contentString = '<div id="title"><b>' + place.displayName + '</b></div>' + '<div id="address">' + place.formattedAddress + '</div>' + '<a href="' + authorUri + '" target="_blank">Author: ' + authorName + '</a>' + '<div id="rating">Rating: ' + reviewRating + ' stars</div>' + '<div id="rating""><p>Review: ' + reviewText + '</p></div>'; // Create an info window. infoWindow = new InfoWindow({ content: contentString, ariaLabel: place.displayName, }); // Add a marker for the place. const marker = new AdvancedMarkerElement({ map, position: place.location, title: place.displayName, }); // Show the info window. infoWindow.open({ anchor: marker, map, }); }
Bir fotoğraf için atıfları gösterme
Uygulamanızda fotoğraflar gösteriliyorsa, bu fotoğrafları içeren her fotoğrafın yazar atıflarını göstermeniz gerekir.
Yanıtın Place
nesnesindeki fotoğrafla ilgili ayrıntılar, photos
dizisinde bulunur. photos
dizisini yanıta eklemek için isteğe photos
veri alanını ekleyin.
Fotoğraflar dizisinin her bir öğesi, AuthorAttribution türündeki authorAttributions
dizisini içeren Photo
örneğidir. AuthorAttribution
nesnesinin alanları, ilişkilendirmenin displayName
, uri
ve photoUri
değerlerini içeren dizelerdir veya görüntülenecek ilişkilendirme yoksa boş bir dizedir.
Google ilişkilendirmesi için stil yönergeleri
İndirilebilir Google logosunu kullanamıyorsanız CSS ve HTML'de Google ilişkilendirmeleri için stil kurallarını aşağıda bulabilirsiniz.
Boş alan
Tam logonun çevresindeki boş alan, Google'daki "G" harfinin yüksekliğine eşit veya bu yükseklikten büyük olmalıdır.
İlişkilendirme metni ile Google logosu arasındaki alan, "G" harfinin genişliğinin yarısı kadar olmalıdır.
![](https://developers-dot-devsite-v2-prod.appspot.com/static/maps/images/policies_spacing.png?authuser=7&hl=tr)
Okunabilirlik
İmza satırı her zaman net ve okunabilir olmalı, belirli bir arka plan için doğru renk varyasyonunda görünmelidir. Seçtiğiniz logo varyasyonu için daima yeterli kontrast sağladığınızdan emin olun.
Renk
En fazla %0-%40 arasında siyah tonu kullanan beyaz veya açık renkli bir arka plan üzerinde Google Material Gray 700 metin kullanın.
#5F6368 RGB 95 99 104 HSL 213 5 39 HSB 213 9 41
Koyu arka planlarda ve fotoğraf veya meşgul olmayan desenlerin üzerinde künyeye ekleme ve ilişkilendirme için beyaz metin kullanın.
#FFFFFF RGB 255 255 255 HSL 0 0 100 HSB 0 0 100
Yazı tipi
Roboto yazı tipini kullanın.
Örnek CSS
Aşağıdaki CSS "Google" metnine uygulandığında, "Google" kelimesini uygun yazı tipi, renk ve boşlukla beyaz veya açık arka planla görüntüler.
font-family: Roboto; font-style: normal; font-weight: 500; font-size: 16px; line-height: 16px; padding: 16px; letter-spacing: 0.0575em; /* 0.69px */ color: #5F6368;