Web ve Mobil uygulamalarda haritanın gösterilmesi ve kullanılmasını sağlayabilirsiniz. Geliştirdiğiniz Web ve Android uygulamalarda Google Maps, iOS uygulamalarda ise Apple Map üzerinde gösterim yapılır. Maps elementini uygulamanıza ekledikten sonra Google Maps API bağlantısını Configuration Manager aracılığıyla ayarlamalısınız.
Elements panelinden Maps elementini ekrana sürükle bırak ile ekleyin. Eğer ekranda boş bir alana sürüklerseniz Row elementi ile eklenir. Bir Column içine sürüklerseniz sadece Maps elementi eklemiş olursunuz.
Maps elementi, MapsMarker ve Maps MarkerPopUp bölümlerinden oluşur. İki yapı da Container olarak düşünülebilir. Eklemek istediğiniz elementi seçip MapsMarker veya MapsMarkerPopUp ‘ın içine sürükleyip bırakabilirsiniz. Özellikle Lokasyon pop-up da kompleks içerikler hazırlanabilir. Elemente role bağlı yetkilendirmeler verebileceğiniz gibi görünürlüğünü de göster/gizle/koşullu seçenekleriyle ayarlayabilirsiniz.
Maps elementinin özelliklerini görüntülemek için çalışma alanına eklediğiniz Maps elementini seçin.
Sağ kenarda Properties panel ile;
Başlıklarından ihtiyacınız olan düzenlemeleri yapabilirsiniz.
Haritayı çalışma alanına yerleştirdikten sonra Maps elementine Datasource oluşturmak gerekmektedir.
Datasources: Harita içinde gösterilecek lokasyonların veri tablosunu seçmenizi sağlar.
Datasources modülünü açın. Sol panel üst kenarında bulunan Add butonu (+) Rest API’yi seçin ve bir isim vererek oluşturun. Ardından kullanmak istediğiniz Service Base URL’sini girin. Son olarak API Hizmetinin nasıl sonlandırılmasını istiyorsanız o şekilde değerler girin. Harita üzerinde pinlerin görüntülenebilmesi için API Endpoint kısmına /pins ve getPins şeklinde ifadeleri girin.
Get, API Hizmetinde veri listelemek ve görüntülemek için kullanılır.
Veri kaynağı bağlantısı yapıldıktan sonra Backend/API için actions eklenmelidir. Properties panelinde Add Actions ile açılan listeden Custom > GoogleMaps > GetPinsFromGoogleMaps özel aksiyonunu seçin.
Aksiyon ayarlaması: Aksiyonları ekledikten sonra Properties (özellikler) > Datasources’da son bir ayarlama ile aşağıdaki gibi ufak bir ayarlama yapılmalı.
Show Circle Center: Belirlenen Radius değerinin merkezini göstermeye yarar. Radius belirtilmediyse bu özellik kullanılamaz.
Auto Center: Haritada sabit olarak göstermek istediğiniz konumu belirlemenizi sağlar. Haritada nereye giderseniz gidin, haritada ne kadar yakınlaştırma ya da uzaklaştırma işlemleri yaparsanız yapın Auto Center’e tıklandığında açılacak konumu bu parametre ile ayarlayabilirsiniz.
Latitude (Enlem): Harita açılışındaki merkezi enlem değerinin verildiği alandır. Statik olabileceği gibi Symbol Picker ile bir elementin değeri ve aksiyonun sonucu gibi dinamik değerler de alabilir.
Longitude (Boylam): Harita açılışındaki merkezi boylam değerinin girildiği alandır. Statik olabileceği gibi Symbol Picker ile elementin değeri ve aksiyonun sonucu gibi dinamik değerlerde alabilir. Latitude (enlem) ve longitude (boylam) girerek kullanıcı haritanın ilk açılışta hangi koordinatı merkez alarak açacağını belirtir.
Öncelikle tarayıcınızdan Google Maps’e girin. Haritadan istediğiniz yeri veya alanı seçip sağ tıklayın. Açılan pencerede en üstte latitude (enlem) ve longitude (boylam) değerlerini ondalık biçimde bulabilirsiniz. Koordinatları otomatik olarak kopyalamak için latitude (enlem) ve longitude (boylam) değerlerine sol tıklayın. Değerler kopyalanacaktır.
URL’den alınan latitude (enlem) ve longitude (boylam) değerlerinin kullanılması pek önerilmemektedir çünkü bu değerler hatalı olabilir.
Circle Radius In Km: Haritada verilen çap boyutunda bir çember oluşturulur. Verisi görüntülenecek alanı dairesel çap değerinin girildiği bölümdür. Kilometre ölçü birimi ile arama alanının çapını belirtebilirsiniz.
Group Picker Icon: Geliştirdiğiniz uygulama içerisinde zoom yapıldığında ikonların teker teker görüntülendiği, zoom out yapıldığında ise gruplanarak tek bir pin ikonuna dönüştüğü ikonu özelleştirebilirsiniz.
Group Picker Color: Harita üzerinde aynı grupta bulunan işaretçilerin rengini belirler. Group Picker Color özelliği sayesinde, aynı gruptaki işaretçileri kolayca ayırt edebilirsiniz.
Keep Center On Zoom: Kullanıcı, Map içinde scroll yaptıkça merkez değiştirir. Bu merkezi otomatik olarak seçilmiş gibi yapıp tekrar event çağrılması sağlanır.
Marker Pop-up On Width: Harita genişliği belirli bir boyuta ulaştığında marker pop-up’ın etkin olup olmayacağını kontrol etmenizi sağlar (Örneğin, harita genişliği 600 pikselden fazlaysa pop-up’lar görünür.)
Selected Location Icon: Haritada seçtiğiniz konumun simgesini belirlemenizi sağlar. Seçilen konumu görsel olarak vurgulamak için özel bir simge kullanabilirsiniz.
Selected Location Color: Haritada seçtiğiniz konumun rengini Selected Location Color özelliği ile belirleyebilirsiniz.
Current Location Icon: Harita üzerindeki mevcut konumu özel bir simge ile göstermenize olanak tanır.
Current Location Color: Harita üzerindeki mevcut konumun rengini özelleştirmenize olanak tanır.
Uygulamanızın ekran ve elementlerinde, "Anonymous Access" ve "All Roles Access" yetkilendirme seçenekleri ile kullanıcı erişimini özelleştirebilirsiniz. "Anonymous Access" herhangi bir hesap bilgisi sorgulaması olmadan erişimi mümkün kılarken, "All Roles Access" ile kullanıcı hesap bilgileri doğrulanarak erişim sağlanır.
Element düzeyinde yetkilendirme için, ilgili elementi seçip Properties panelinden "Authorization" ayarlarını düzenleyerek, uygulamanızın güvenlik ve kullanıcı deneyimini yönetebilirsiniz.
Bu yöntemler, uygulamanızda kişiselleştirilmiş ve güvenli bir ortam yaratmanıza olanak tanır.
Ekranların veya elementlerin görünürlüğünün ayarlandığı kısımdır. Elementler'de Visibility yani Görünürlük, belirli bir durum ve/veya koşula göre görünürlüğü düzenlemenizi sağlar. Her bir element için her zaman görünür olmasını, gizli olmasını veya bir koşula bağlı olarak görünüp gizlenmesini sağlayabilirsiniz.
Ekranınızın görünürlük yapısının ayarlandığı kısımdır. Kuika, uygulamanızdaki ekranların görünürlük kontrolünü yapabilmeniz için Always Visible, Hidden, Sometimes Visible seçeneklerini sunmaktadır.
Elementlerde veya ekranınızda Visibility ayarlarını yapmak için aşağıdaki adımları izleyebilirsiniz:
Yapmış olduğunuz seçim doğrultusunda elementin görünürlüğü ayarlanmış olacaktır.
Kuika, Arithmetic, Authorization, Condition, Device, Export, Geolocation, Local Storage, Multi Language, Navigation , Notification, Payment Stripe, UI Control, Trigger , Process Automation, Process Administration ve String Operations gibi sistem aksiyonlarını barındırmaktadır.
Sistem aksiyonlarının yanı sıra kendi oluşturduğunuz SQL aksiyonları da kullanabilirsiniz.
Elementlere aksiyon eklemek için Properties panelde yer alan +Add Action butonunu kullanabilirsiniz.
Elementlerinizi Styling Paneli ile özelleştirerek, web ve mobil uygulamalarınızda benzersiz ve etkileyici kullanıcı arayüzleri oluşturabilirsiniz. Bu genel kılavuz, çeşitli elementlerin (örneğin, Collapse) nasıl özelleştirileceğini açıklar ve ortak özelliklerle ilgili detaylı bilgiler sunar.
Elementlerin boyutlandırılması, hizalanması ve çevresel iç boşlukların (padding) ayarlanması gibi görsel düzenlemeleri buradan yapabilirsiniz. Bu ayarlar, elementin içerisinde bulunan diğer elementlerin düzenini de etkiler. Özellikler arasında Size, Min Size ve Align bulunur; ancak, bazı elementler Display özelliğini desteklemeyebilir.
Elementin metin özellikleri, yazı tipi ailesi, stil, renk, boyut, aralık ve diğer seçenekler aracılığıyla buradan düzenlenebilir. Bu bölüm, Text ile ilgili tüm ayarlamaları destekler.
Elementin arka planını renk veya görseller ile kişiselleştirmek için Fill ayarını kullanabilirsiniz. Bu, elementin görsel çekiciliğini artırır.
Elementlerinize kenarlık ekleyerek ve köşe yarıçaplarını ayarlayarak daha estetik bir görünüm kazandırabilirsiniz.
Web uygulamalarında kullanılan elementlere gölge efekti ekleyerek derinlik hissi verebilirsiniz. Ancak, bazı elementler mobil uygulamalar için uygun olmadığından gölge özelliği desteklenmeyebilir.