Yapay zekadan makale özeti
- Kısa
- Ayrıntılı
- Bu video, bir eğitim içeriği olup, izleyicilere HTML5'in ilk API'si olan geolocation özelliğini ve Google Maps API'sini nasıl kullanacaklarını adım adım göstermektedir.
- Video, öncelikle geolocation özelliğinin ne olduğunu ve nasıl kullanılacağını anlatarak başlıyor. Ardından, kullanıcıdan enlem ve boylam bilgilerini alarak bu bilgileri Google Maps API'si ile harita üzerinde gösterme sürecini gösteriyor. Örnekler, Firefox tarayıcısında çalıştırılıyor ve Google Maps API'si ile marker oluşturma, zoom yapma gibi temel özellikler gösteriliyor. Video, bir sonraki derste drag drop kullanımının anlatılacağını belirterek sona eriyor.
- 00:01HTML5 Geolocation Özelliği
- HTML5 ile gelen ilk API olan geolocation özelliği, kullanıcıdan enlem ve boylamını derece olarak almaya yarıyor.
- Geolocation özelliği, kullanıcıdan konum bilgilerini almak için kullanılır ve bu bilgiler harita üzerinde gösterilebilir.
- Geolocation özelliği tek başına fazla işe yaramaz, Google Maps gibi üçüncü parti yazılımlar kullanılarak harita üzerinde konum bilgileri gösterilebilir.
- 00:20Geolocation Kullanımı
- Örnek kodda, bir butona tıklandığında geolocation fonksiyonu tetiklenerek kullanıcıdan konum bilgileri alınır.
- Navigatör.geolocation özelliği kontrol edilir, varsa koordinat bilgileri showPosition fonksiyonuna gönderilir, yoksa tarayıcıda uyarı mesajı gösterilir.
- Kullanıcı konumunu paylaştığında, enlem ve boylam bilgileri ekranda görüntülenir.
- 02:29Google Maps ile Geolocation Kullanımı
- Google Maps API'si kullanılarak koordinatlar harita üzerinde gösterilebilir.
- Google Maps API'si için web seçeneği seçilir ve üçüncü versiyon kullanılır.
- Harita üzerinde konum bilgisi göstermek için "init" fonksiyonu kullanılır ve sensör true olarak ayarlanır.
- 05:36Harita Üzerinde Konum Gösterimi
- Konum paylaşıldığında, tarayıcı kullanıcının bulunduğu konumu harita üzerinde gösterir.
- Harita üzerinde zoom yaparak konum daha yakından görüntülenebilir.
- Kullanıcının konumunu gösteren çubuğun ismi "marker" olup, Google Maps'te olduğu gibi tüm map'lerde aynı şekilde kullanılır.