Normalde, Google Haritalar'ı entegre ederken, bir API anahtarı gerektiren ve daha yüksek erişim sayılarıyla küçümsenmemesi gereken maliyetlere neden olabilen Haritalar JavaScript API'si ile çalışırsınız. Mapbox veya OpenStreetMap gibi harika alternatifler var, ancak Google'ın sunduğu çeşitli özelliklere henüz ulaşamadılar. Google, kendi amaçlarımız için kullanabileceğimiz paylaşım işlevi aracılığıyla API anahtarı olmadan da bir yol sunar.
Bu yol, herhangi bir adresin çıktısını almak için programlı olarak kullanılabilir (enlem ve boylamı bilmeden bile). Bunun da ötesinde, harita (JS karşılığı olanın aksine) rota planlayıcıya bir bağlantı içerir. Harita, CSS filtrelerinin yardımıyla da süslenebilir (sonuç, JS API ile mümkün olan yerel stillere pek yaklaşmasa da).
Uzun yıllar boyunca bunu yapmanın yolu, Google'ın resmi olarak desteklemediği output = embed parametresiydi ve bu nedenle yakın geçmişte görüntüleme hataları arttı.:
331190767bb32b2468632e609223c53e
Maps.google.de üzerinden resmi paylaşım işlevini kullanırsanız, aşağıdaki kodu alırsınız, örneğin:
331190767bb32b2468632e609223c53e
Uzun URL'yi src parametresinde yapılandırırsak, bir kalıp oluşur:
331190767bb32b2468632e609223c53e
Aşağıdaki veri türlerini tanıyoruz:
- m: matris
- s: dize
- f: yüzer
- d: Çift
- ben: tam sayı
- e: numara
Birkaç deneme yanılma denemesinden sonra bazı değerleri eleyebilir ve en önemli değerleri değişkenlerde paketleyebiliriz, örneğin adresi dinamik olarak tanımlamak için:
331190767bb32b2468632e609223c53e
Son olarak aşağıdaki CSS kodunu kullanarak haritaya daha güzel bir görünüm ekleyebiliriz, örneğin:
331190767bb32b2468632e609223c53e
Sonunda, güvenilir bir şekilde çalışan ücretsiz, dinamik bir harita elde ederiz.: