Taşıma: google.load'daki Haritalar Modülü

13 Ekim 2021'de "Haritalar" hizmetini sağlayan hizmeti kullanımdan kaldıracağız. modülünü google.load için etkinleştirebilirsiniz. Bu, 13 Ekim 2021'den sonra "Haritalar"ı kullanmayı denerseniz modülünü google.load hata mesajı alırsınız (modül "maps" desteklenmez) ve harita yüklenmez. Olası kesintilerden kaçınmak için kesintilerden birine geçmeniz gerekir seçenekleri var.

Ne yapmanız gerekiyor?

İlk olarak google.load yükleyicisini yükleyen <script> etiketini kaldırın, ardından google.load numaralı telefona yapılan aramaları kaldırın. Google Yükleyici'yi diğer yükleyici <script> etiketini yerinde bırakabilirsiniz.

Ardından, Maps JavaScript API'yi yüklemek için yeni bir yöntem uygulayın ( aşağıdaki seçeneklerden birini tercih edebilirsiniz):

• <script> etiketini kullanarak satır içi yükleme
• Başka bir JavaScript dosyasından dinamik yükleme

Google Loader'ın kullanıldığı geçerli örnek

Aşağıdaki örnekte Google Loader'ın şu anda Maps JavaScript API (iki <script> bloğu vardır):

Önce

<script type='text/javascript' src='https://www.google.com/jsapi'></script>
<script type='text/javascript'>
google.load("maps", "3.exp", {
    "callback": initMap,
    "key": "YOUR_KEY",
    "libraries": "places,visualization"
});
function initMap() {
  // Google Maps JS API is loaded and available
}
</script>

<script> etiketini kullanarak satır içi yükleme (önerilir)

Bu yaklaşım kullanıldığında, Maps JavaScript API, sayfa yüklendiği zaman kapanacak. Satır içi yüklemeyi uygulamak için önce <script> etiketi www.google.com/jsapi ("before") öğesini Aşağıdaki örnekte <script> etiketi gösterilmektedir:

<script async src="https://maps.googleapis.com/maps/api/js?libraries=places,visualization&key=YOUR_API_KEY&v=weekly&callback=initMap">
</script>

Ardından JavaScript kodunuzdan google.load işlev çağrısını kaldırın, artık gerekmiyor. Aşağıdaki örnekte boş bir initMap() gösteriliyor işlevi (Haritalar kitaplığı başarıyla yüklendiğinde çağrılır):

<script type='text/javascript'>
function initMap() {
  // Google Maps JS API is loaded and available
}
</script>

Belgeleri inceleyin

Başka bir JavaScript dosyasından dinamik yükleme

Dinamik yükleme, Maps JavaScript API'nin ne zaman yükleneceğini kontrol etmenizi sağlar. Örneğin, Örneğin, Maps JavaScript API'nin yüklenmesini Kullanıcı bir düğmeyi tıkladığında veya başka bir işlem yaptığında. Dinamik yüklemeyi uygulamak için önce www.google.com/jsapi'yi yükleyen <script> etiketini ("before") değiştirin <script> etiketini aşağıdaki örnekte gösterildiği gibi programlı bir şekilde eklemek için kodla:

var script = document.createElement('script');
script.src =
'https://maps.googleapis.com/maps/api/js?libraries=places,visualization&key=YOUR_API_KEY&v=weekly&callback=initMap';
script.async=true;

Ardından, geri çağırma işlevinizi şu şekilde pencere nesnesine ekleyin:

window.initMap = function() {
  // Google Maps JS API is loaded and available
};

Son olarak, <script> etiketini sayfanın başlığına şu şekilde ekleyin:

document.head.appendChild(script);

Belgeleri inceleyin