Google Maps Konum Alma ve Rota Çizme

İstek üzerine böyle bir yazı hazırlamaya karar verdim. Google maps api üzerinden şuan ki konumumuzu bulacağız ve bu konumdan seçtiğimiz bir yere rota çizeceğiz. Yine ihtiyacımız olan jquery ve google maps api kütüphanemizi çağırıyoruz.   Konumumuzu bulan metot aşağıdaki gibi olacak; function konumBul() { var map = new google.maps.Map(document.getElementById('harita'), { center: {lat: 40.00, lng: 28.00}, zoom: 6 }); if (navigator.geolocation) { [...]

WCF Rest Service Kullanımı

REST (Representational state transfer) api  nedir diye soracak olursak client - server arasında bir haberleşme aracı diyebiliriz. Yani SOAP yerine REST kullanarak  http protokolü üzerinden servis kullanımı yapabiliriz. Bazı REST methotları vardır. Bunlar; GET:  Listeleme ve görüntüleme POST: Kayıt ekleme PUT: Güncelleme DELETE: Silme Şimdi WCF üzerinde REST service nasıl kullanılır onu inceleyelim. Bir WCF Service Application oluşturalım Daha sonra projemize add new item diyerek WCF Service ekleyelim. Eklediğimiz servisde benim projemde IRestService.cs kısmına aşağıdaki kodları yazıyoruz. Burada xml ve json iki örnekte birlikte gösterilmiştir. Method kısmında "GET" örneğini veriyorum. UriTemplate kısmında url üzerinden nasıl erişeceksek o şekilde string belirtiyoruz. using System; using System.Collections.Generic; using System.Linq; using [...]

Google Maps Rota Çizme

Daha önceki yazılarda google maps api key ve marker kullanımı hakkında bilgi vermiştim.  Şimdi ise google haritalarda rota çizmeyi anlatacağım. Harita üzerinde birden fazla duraklama noktası belirleyerek bir rota çizebilir ve bu noktalar arası mesafeleri ölçebiliriz. Öncelikle google maps javascript api kütüphanesini çağırmamız gerekiyor. Burda dikkat edilmesi gereken konu api key kullanılmadığında noktalarla ilgili bir kısıtlama var https://developers.google.com/maps/pricing-and-plans/#details adresinden bilgi edinebilirsiniz. Api key nasıl alınır görmek için buraya tıklayın.   Html kodlarımız aşağıdaki gibi olacak Rota hesaplama ve harita oluşturma kodlarımız aşağıdaki gibidir. // Çalışan örneği görmek için burayı tıklayın.

Json Diziye Sql Sorgusu Yazmak

Javascript kullanırken karşımıza sıkça json kavramı çıkmaktadır. Özellikle veriler üzerinde işlem yaparken zorlanabiliriz. Ancak json dizisine sql sorgusu yazarak hızlı ve kolay bir şekilde bunu çözebiliriz. Bunun için alasql adında bir kütüphane kullanacağız. https://github.com/agershun/alasql linkinden indirebilir ve örneklere bakabilirsiniz.  Öncelikle sayfamıza alasql-worker.min.js ve alasql.min.js dosyalarını işlem yapacağımız sayfaya dahil ediyoruz aynı zamanda jquery kütüphanemizinde ekli olması gerekiyor.     // // // Ben aşağıdaki örnekte textarea dan aldığım string veriyi önce dizi haline getirip daha sonra da kütüphanedeki alasql() methodunu kullandım. Basit bir örnekle ad kolonunu çağırıp içerisinde "Turkler" yazan kaydı getirmesini sağladım. // Buraya tıklayarak çalışır halini görebilirsiniz.

Google Maps Clustering ve OverlappingMarkerSpiderfier Özelliği

Daha önce google maps kullanımı hakkında bilgi vermiştim. Şimdi ise google maps kullanımını biraz daha profesyonel kullanmanızı sağlayacak bir kaç özellikten bahsedeceğim. Clustering özelliği ile başlayalım. Clustering harita üzerinde belirlediğimiz markerlardan yakın olanları gruplayarak toplu halde göstermemizi sağlar. Zoom yaptığımızda detaya inerek markerları dağıtır. Aşağıdaki ekranda bir örnek gösterilmiştir. OverlappingMarkerSpiderfier is aynı koordinata denk gelen markerları görüntüleyebilmek için kullanılmaktadır. Markerları dairesel bir şekilde sıralayarak tümünü görmemize yardımcı olur. Örneği aşağıdaki gibidir. Kod kısmına gelecek olursak ilk olarak aşağıdaki kütüphaneleri ve html nesnesini kodunuza eklemeniz gerekiyor. Aşağıdaki api key yazan yere google maps api keyinizi yazmayı unutmayınız!   Javascript kısmında ise öncelikle koordinatları getiren veriyi [...]

Google Api Key Alma

Öncelikli olarak buradaki anlarım ücretli bir api key satın almak için yapılmıştır. İsterseniz ücretsiz olarak da kullanabilirsiniz. 25000 gösterime kadar ücret talep edilmemektedir https://console.developers.google.com/ adresine girerek google hesabınızla oturum açtıktan sonra aşağıdaki ekrandaki create projecte tıklayarak yeni bir proje oluşturmalısınız. Aşağıdaki ekrandan Google Maps Api kısmından google maps javascript api seçeneğini seçip gelen ekranda Enable API ye tıklıyoruz. Api enable olduktan sonra aşağıdaki ekran da Enable billing' e tıklıyoruz Sonraki ekranda gelen formu kredi kartı bilgileri ile doldurup accept diyoruz. Tanımlama işlemleri bittikten sonra üstteb project kısmından oluşturduğumuz projeyi seçip aşağıdaki gibi credentials' a tıklayıp add credantials diyoruz. Yukarıdaki adımlara göre browser key oluşturunuz. [...]

Php Ajax Kullanımı

Bilmeyenler için ajax sayfalarda yaptığımız post ve get gibi işlemleri sayfayı yenilemeden yapmamızı sağlar birçok farklı özelliği var ancak burda sadece basit olarak veri gönderme ve dönen veriyi ekrana yazma örneğini bulacaksınız. index.php ve islem.php olmak üzere iki sayfadan oluşmaktadır. Gönderim şekli olarak post ve data type olarak da json kullanılmıştır. index.php Php ile Ajax kullanımı function AjaxFunction() { var bilgi = { ad: $('#ad').val(), soyad: $('#soyad').val() } $.ajax({ type: 'post', [...]

Google Maps Kullanımı

Google haritaları kullanmak için öncelikle yapmamız gereken https://console.developers.google.com adresinden bir api key oluşturmak. Bunun için google hesabınızdan giriş yapmalı ve yeni bir proje olurşturmalısınız. Projeyi seçtikten sonra karşımıza aşağıdaki gibi bir ekran gelecektir. Buradan Google Maps Apı bölümünden  Google Maps JavaScript API'yi seçerek bir api key oluşturmalıyız. Oluşturduğumuz key'i daha sonra aşağıdaki kodda yer alan API_KEY bölümüne eklemeniz gerekmektedir. Oluşturma işlemini yaptıktan sonra sol menüde Push' a tıklayarak hangi sayfada kullanmak istedeğinizi belirtmek için bir domain eklemeniz gerekmektedir. Bunun için google birkaç doğrulama isteyecektir. Bütün adımları tamamladıktan sonra aşağıdaki kodu kullanarak enlem ve boylam belirttiğiniz yerlere gerekli açıklamaları istediğiniz gibi yazabilirsiniz. // [...]

Google SiteMap Ekleme

Seo için yapılması gerekli olanlardan bir taneside sitemap eklenmesidir. Sitemap eklemek için öncelikli olarak sitenizdeki yapıyı temsil edecek bir dosya oluşturmaniz gerekmektedir. Bu dosyayı oluştururken https://www.xml-sitemaps.com/ adresinden faydalanabilirsiniz veya google sitemap generator yazarak farklı alternatifler bulabilirsinziz Yukarıdaki linkte verdiğim adresten ücrestsiz bir şekilde sitemap.xml dosyası oluşturduktan sonra web  sitemizde istediğimiz bir dizine atıyoruz. Daha sonra ise  https://www.google.com/webmasters/ adresine giriyoruz. Tabiki bu işlemleri yapmak için login olmalı ve websitenizi webmaster tools a kayıt etmeniz gerekmektedir. Kayıtlı olan sitenizi seçtikten sonra aşağıdaki ekrandaki gibi sol taraftaki menüden taramanın altındaki site haritalarını seçmelisiniz. Şuan ki ekran görüntüsünde kayıtlı bir sitemap olduğu görülmektedir. Yeni bir tane [...]

Rekabet ve Anahtar Kelime Araştırması

SEO çalışması yapmaya başlamadan önce yapacağımız ilk iş anahtar kelime seçimi olmalıdır. Çünkü SEO yaparken kelime bazlı çalışılır ve sitenin herhangi kelime veya kelimelerde üst sıralarda olması beklenir. Bu yüzden çalışma yapacağımız kelimenin arama motorlarında yani Google’da kaç defa arandığını öğrenmeli ve rekabet oranlarını, rakiplerimizi gözden geçirmeliyiz. Anahtar kelime araştırması yaparken bizim en büyük yardımcımız gene Google olacaktır. Çünkü Google keyword tools hangi kelime aylık yerel ve global olarak kaç defa aranmış rekabet oranı ne düzeyde bize söylemektedir. Bu araç sayesinde işlerimiz oldukça kolaylaşacaktır. İlerleyen yazılarımda Google araçları konusunda daha detaylı bilgiler vermeye çalışacağım ve yeri geldikçe bu araçların nasıl [...]

Powered by themekiller.com