Google Maps JavaScript API RefererNotAllowedMapError

Müşterilerimizden biri için bir coğrafi yerleşim uygulaması geliştirmeye çalışıyoruz ve ilk önce kendi etki alanında test etmek istiyoruz.

Google Maps JavaScript API için imzaladık ve geçerli bir tarayıcı anahtarımız var ve www.grupocamaleon.com etki alanımız bu anahtarı kullanma yetkisine sahip.

Ancak en kolay örneği bile hatasız çalıştırmayı başaramayız.

Alanımızda ve anahtarımızla aşağıdaki demomuz var:

(1) http://www.grupocamaleon.com/boceto/aerial-simple.html

Ancak işe yaramıyor ve Firebug konsolu diyor ki:

"Google Maps API hatası: Google Maps API hatası: RefererNotAllowedMapError (RefererNotAllowedMapError'daki Google dokümanlarına bağlantı) Yetkilendirilecek site URL'niz: (1)"

Kimlik bilgileri sayfamda kabul edilecek yönlendiren ekleme imkanı yok, bu nedenle yönlendiren eklemeyi içeren çözümler şu anda mümkün değil.

Kimlik bilgilerim Sayfam:

Neden bu hatayı alıyoruz? Nasıl düzeltebiliriz?

Bunun zaten birkaç cevabı olan eski bir soru olduğunu biliyorum, ancak aynı sorunu yaşadım ve benim için sorun, console.developers.google.com adresinde verilen örneği takip edip etki alanlarımı formatta girmemdi *.domain.tld/*. Bu hiç işe yaramadı ve ben gibi bu varyasyonlar her türlü ekleme çalıştı domain.tld, domain.tld/*, *.domain.tldvb

Bunu benim için çözen, asıl protokolü de eklemekti ; http://domain.tld/*sitemde çalışması için ihtiyacım olan tek şey. https://domain.tld/*HTTPS'ye geçersem eklemem gerekecek sanırım .

Güncelleme: Google nihayet yer tutucuyu httpşimdi içerecek şekilde güncelledi :

Hadi Google, API Kimlik Bilgileri sayfasının izin verdiğinden daha akıllısınız. (Biliyorum çünkü orada çalışan iki oğlum var.)

"Yönlendirenler" listesi, tahmin ettiğinden çok daha zor. (Elbette daha bağışlayıcı olmalı .) İşte keşfetmem saatler süren bazı kurallar :

• Listedeki sıra önemlidir. URL'nizi listede yukarı taşımak, çalışmasını sağlayabilir.
• "http: //" öneki gerekli.
• "Localhost" bile buna ihtiyaç duyar: " http: //localhost/foo/bar.html "
• Bir sondaki * karşılaştırmak bir dize sanki joker olarak işe görünüyor.
• " Http: //localhost/foo/bar.html " ile bile , " http: //localhost/foo/bar.html? Arg = 1 " çalışmayacaktır. (Joker karakter yardımcı olur mu?)
• Her iki ürün geliştirme için de (en az) iki satıra sahip olun: " http: //localhost/foo/bar.html " ve " http://my.site.com/foo/bar.html "
• Bir bağlantı noktası numarası (8085? 4000?) Gerekli görünmüyor.

Muhtemelen başka kurallar da vardır, ancak bu sıkıcı bir tahmin oyunudur.

Belgelere göre, 'RefererNotAllowedMapError',

Google Haritalar JavaScript API'sini yükleyen mevcut URL, izin verilen yönlendirenler listesine eklenmedi. Lütfen Google Developers Console'daki API anahtarınızın yönlendirme ayarlarını kontrol edin.

Google Maps Embed API'yi kendi kişisel / iş kullanımım için kurdum ve şu ana kadar herhangi bir HTTP yönlendireni belirtmedim. Hata kaydetmiyorum. Ayarlarınız, Google’ı ziyaret ettiğiniz URL’nin kayıtlı veya izinli olmadığını düşündürüyor olmalıdır.

Sadece değiştirirseniz, ayarların geçerlilik kazanmasının 5 dakika kadar sürebileceğini hatırlatın.

Birçok yönlendirme varyasyonunu denedim ve Google'ın form alanına doldurduğu örneğin kusurlu olduğunu fark edene kadar 5 dakika bekledim. Gösterirler:

*.example.com/*

Ancak bu, yalnızca alan adınız varsa subdomain.veya www.önünüzdeyse işe yarar . Aşağıdakiler benim için hemen işe yaradı (önde gelen dönemi Google örneğinden çıkararak):

*example.com/*

Göre google docs çünkü bu oldu url, bunu hangi Google Maps API kullanıyorsanız not registerediçindelist of allowed referrers

DÜZENLE :

Gönderen Google Dokümanlar

Belirli bir alan adının tüm alt alanları da yetkilidir.

Eğer http://example.com kabul edilir ise http://www.example.com da yetkilidir. Tersi doğru değildir: http://www.example.com yetkilendirilirse, http://example.com mutlaka yetkilendirilmez

Yani, lütfen http://testdomain.cometki alanını yapılandırın , ardından http://www.testdomain.comçalışmaya başlayacaksınız.

Doğru APIS'in etkin olup olmadığını da kontrol edin.

Yukarıdakilerin hepsini, yıldız işaretlerini, etki alanı tld'lerini, eğik çizgileri, ters eğik çizgileri ve her şeyi denedim, hatta sonunda son umut olarak yalnızca bir url girerek.

Bunların hepsi işe yaramadı ve sonunda Google'ın artık hangi API'leri kullanmak istediğinizi belirtmenizi gerektirdiğini fark ettim (ekran görüntüsüne bakın)

İhtiyacım olanları etkinleştirmedim (benim için Maps JavaScript API idi)

Etkinleştirdikten sonra, hepsi şu şekilde çalıştı:

http://www.example.com/ *

Umarım bu birine yardımcı olur! :)

Joker karakterlere (yıldız işaretleri) alt alan adı bölümünde izin VERİLMEZ .

• YANLIŞ: * .example.com / *
• SAĞ: example.com/*

Google'ın yer tutucuda söylediklerini unutun, buna izin verilmiyor.

Senin bile HTTP Referreresyeterince geçerli olduğunu buldum , yanlış API Restrictionssebepler Google Maps JavaScript API error: RefererNotAllowedMapError.

Örneğin:

• Anahtar için Javascript API kullanıyorsunuz.
• ekle http://localhost/*içinApplication Restrictions / HTTP Referrences
• Maps Embed APIBunun yerine seçinMaps Javascript API
• Bu neden olur RefererNotAllowedMapError

Birkaç yıl boyunca birçok sözde çözüm var ve bazıları artık çalışmıyor ve bazıları hiç çalışmıyor, bu nedenle Temmuz 2018 sonu itibarıyla güncel çalışmam.

Kurmak:

Google Maps JavaScript API, ...

• API'yi çağıran birden çok alan: example.comveexample.net
• keyfi alt alanlar: user22656.example.comvb.
• hem güvenli hem de standart HTTP protokolleri: http://www.example.com/vehttps://example.net/
• belirsiz yol yapısı (yani çok sayıda farklı URL yolu)

Çözüm:

• Aslında yertutucuya kalıbı kullanarak: <https (or) http>://*.example.com/*.
• Protokolü atlamamak, ancak etki alanı başına iki giriş eklemek (protokol başına bir tane).
• Alt etki alanları için ek bir giriş ( *.ana bilgisayar adının başında yer alır).
• RefererNotAllowedMapErrorHatanın hala uygun konfigürasyon kullanılarak (ve bolca beklemiş) göründüğünü hissettim . Kimlik bilgisi anahtarını sildim, isteği tekrarladım (şimdi alıyorum InvalidKeyMapError), yeni kimlik bilgileri oluşturdum (tam olarak aynı kurulumu kullanarak) ve o zamandan beri işe yaradı.
• Yalnızca protokol ve etki alanı eklemek, alt etki alanlarını içermiyor gibi görünüyordu.
• Etki alanlarından biri için çalışma yapılandırması şuna benzer:

(Metin olarak :)

Accept requests from these HTTP referrers (web sites)
    https://*.example.com/*
    https://example.com/*
    http://*.example.com/*
    http://example.com/*

Bu HTTP yönlendiricilerinden (web siteleri) gelen istekleri kabul edin

Localhost dizin yolunu yazın

Aynı hatayı yaşadım:

Bu bağlantı, API anahtarı kısıtlamalarının nasıl ayarlanacağından bahsediyor: https://cloud.google.com/docs/authentication/api-keys#adding_http_restrictions

Benim durumumda sorun, bu kısıtlamayı kullanıyor olmamdı:

HTTP yönlendirenler (web siteleri) Bu HTTP yönlendiricilerinden (web siteleri) gelen istekleri kabul edin (İsteğe bağlı) Joker karakterler için * 'leri kullanın. Bunu boş bırakırsanız, herhangi bir yönlendirenden gelen talepler kabul edilecektir. Bu anahtarı üretimde kullanmadan önce yönlendiren eklediğinizden emin olun. https://*.example.net/*

Bu, https://www.example.net veya https://m.example.net veya https://www.example.net/San-salvador/ gibi URL'lerin çalışacağı anlamına gelir . Ancak, https://example.net veya https://example.net veya https://example.net/San-salvador/ gibi URL'ler çalışmaz. Sadece ikinci bir yönlendiren eklemem gerekiyordu:

https://example.net/*

Bu benim için sorunu çözdü.

2 web sitesi etki alanı ekliyorum, alt etki alanında "*" olarak ayarlanmış çalışmıyor, ancak aynı Google Harita API anahtarını kullanan web sitelerim için belirli alt etki alanı "WWW" ve alt etki alanı olmayanlar çalıştırıldı.

alt etki alanında "*" kullanmayın

Umarım yardımcı olur.

API kimlik bilgileri sayfanızın bir ekran görüntüsünü gösterirsiniz, ancak "Tarayıcı anahtarı 1" i tıklamanız ve oradan yönlendiren eklemek için gitmeniz gerekir.

Daha derin iç içe geçmiş sayfalar için

Örneğin bir klasörde veya iç içe geçmiş sayfalar gibi bir projeniz varsa

http://yourdomain.com/your-folder/your-page bunu girebilirsin

http://yourdomain.com/*/*

Önemli kısım, /*/*/*ne kadar ileri gitmeniz gerektiğine bağlı

Görünüşe göre daha derin yollara *girmeyecek /ya da uymayacak ..

Bu, bundan daha derin yuvalama yapmadığınız sürece tam etki alanı erişiminizi sağlayacaktır ..

RefererNotAllowedMapErrorProjeye bağlı bir faturalandırma hesabının olmamasından kaynaklanabileceğini öğrenene kadar bu düzeltmelerin hiçbiri benim için işe yaramadı . Bu nedenle, ücretsiz denemenizi veya her neyse etkinleştirdiğinizden emin olun.

1. Faturalandırmanızın etkinleştirildiğini

2. Web sitenizin Google Konsoluna eklendiğini

3. Web sitenizin uygulamanızdaki yönlendirenlere eklendiğini.

4. (hem www hem de www için joker karakter yapın)

http://www.example.com/ * ve http://example.com/ *

5. Javascript Haritalarının etkinleştirildiğini ve doğru kimlik bilgilerini kullandığınızı

6. Yukarıdaki Google Konsolunuzu etkinleştirmek için web sitesinin DNS'nize eklendiğini.

7. Çalıştıktan sonra gülümse!

Bu, korkunç bir uygulamaya sahip başka bir sh1tty Google ürünü.

Bununla bulduğum sorun şu ki, bir API anahtarını IP adresine göre kısıtlarsanız, işe yaramayacak ... AMA bu noktayı netleştirmek için Google'dan uzak olsun ... Bulduğum sorun giderme ve araştırmaya kadar değildi:

IP adresi kısıtlamasına sahip API anahtarları, yalnızca sunucu tarafından kullanılması amaçlanan web hizmetlerinde (Geocoding API ve diğer Web Hizmeti API'leri gibi) kullanılabilir. Bu web hizmetlerinin çoğu, Maps JavaScript API içinde eşdeğer hizmetlere sahiptir (örneğin, Geocoding Service'e bakın). Maps JavaScript API istemci tarafı hizmetlerini kullanmak için, HTTP yönlendirenler kısıtlamasıyla güvence altına alınabilen ayrı bir API anahtarı oluşturmanız gerekir (bkz. Bir API anahtarını kısıtlama).

https://developers.google.com/maps/documentation/javascript/error-messages

FFS Google ... Kurulumda açıklığa kavuşturulması iyi olacak oldukça önemli bilgiler ...

http://www.example.com/ * günler ve günler denedikten sonra benim için çalıştı.

Sonunda Google'dan şu ipucunu kullanarak çalıştım: ( https://support.google.com/webmasters/answer/35179 )

İşte alan adı ve site tanımlarımız. Bu tanımlar, Search Console doğrulamasına özeldir:

http://example.com/ - A site (because it includes the http:// prefix)
example.com/ - A domain (because it doesn't include a protocol prefix)
puppies.example.com/ - A subdomain of example.com
http://example.com/petstore/ - A subdirectory of http://example.com site

Ben de bunun işe yaramasını sağlamak için uğraştım, ama işte bazı ipuçları:

• Yönlendiren olarak belirlenen URL'ler dahil http, örneğinhttp://example.com/*
• Google Haritalar JavaScript API etkinleştirildi
• Bu hesapta faturalandırma ayarlandı

Yukarıdakilerin tümü çözüldüğünde, haritalar beklendiği gibi görüntülendi.

Yerler API'sini (Otomatik Tamamlama) kullanmaya çalışıyordum ve ayrıca Yerler API'sinin çalışabilmesi için Google Cloud Console içinden Maps Javascript API'yi etkinleştirmem gerekiyordu.

Döşemenizi yerinde kontrol edin. Google Haritalar JavaScript API'sini yüklemek için bunun gibi bir komut dosyası etiketi kullanın

<script src="https://maps.googleapis.com/maps/api/js?key=YOUR_API_KEY&callback=initMap"
async defer></script>

Bu bildirimi Wordpress sitemde function.php dosyasında kullanıyorum

wp_enqueue_script("google-maps-v3", "//maps.google.com/maps/api/js?key=YOUR_API_KEY", false, array(), false, true);

Bu formatta API anahtarını ayarladım ve iyi çalışıyor

http://my-domain-name(without www).com/*

bu beyan çalışmıyor

*.my-domain-name.com/*

Kısıtlamaları kaldırmak (Yok'a) benim için çalıştı.

Tecrübelerime göre

http://www.example.com

iyi çalıştı Ama sonunda https gerekli / *

Chrome'un Javascript konsolu, bu örnekte http://mywebsite.com/map.htm HTTP yönlendiren listemdeki tüm sayfa adresini bildirmemi önerdi Tam adres http://www.mywebsite.com/map.htm olsa da - Başkalarının önerdiği şekilde listelenen joker stillerim zaten vardı ama bu benim için çalışmasının tek yoluydu.

Bu benim için çalıştı. API anahtar ayarları altında 2 ana kısıtlama kategorisi vardır:

• Application restrictions
• API restrictions

Uygulama kısıtlamaları:

Yönlendiren bölümünün en altına web sitenizin url'sini ekleyin " http://www.grupocamaleon.com/boceto/aerial-simple.html ". Bölümün sağ tarafında çeşitli gereksinimleri temel alan örnek kurallar vardır.

API kısıtlamaları:

Benzersiz anahtarımız yalnızca Google haritalar API'sini çağırmak için kullanılacağından (muhtemelen) ve aşağıdaki ekte görebileceğiniz gibi kaydedeceğinden, API kısıtlamaları altında açılır listeden 'Maps Javascript API'yi açıkça seçmeniz gerekir. Umarım bu senin için çalışır ..... benim için çalıştı

Komut Dosyanızı kontrol edin:

Ayrıca sorun, komut dosyası etiketi içindeki yanlış anahtar beslemesi nedeniyle ortaya çıkabilir. Şöyle bir şey olmalı:

  <script async defer src="https://maps.googleapis.com/maps/api/jskey=YOUR_API_KEY&callback=initMap"
  type="text/javascript"></script>