canli bahis siteleriimplant dis fiyatlari

Web Tabanlı GIS Eğitimleri 2 Zoom Attribution Layers Scale

  • 5
Web Tabanlı GIS Eğitimleri 2 Zoom Attribution Layers Scale

LEAFLET CONTROL YAPILARI

·        Bir zoom controlünün tanımı
var zoomTusu = L.control.zoom({
position:'topright',
zoomInText:"+",
zoomInTitle:"+ ile Gir",
zoomOutText:"-",
zoomOutTitle:"- ile Çık"
});

 

·        zoomTusu nun haritaya eklenmesi
zoomYerim.addTo(map);

 

 

·        zoomTusu nun yerinin değiştirilmesi
zoomYerim.setPosition('bottomright');

 

·        zoomTusu nun yerini bulmak
var zoomNerde = zoomYerim.getPosition();

 

 

·        zoomTusu nu aktif ve ya çalışmaz hale getirme
zoomYerim.disable();

zoomYerim.enable();

 

·        zoomTusu nun bulunduğu div elementine ulaşmak
var zoomTusuDIV = zoomYerim.getContainer();

 

·        zoomTusu nu silme
zoomYerim.remove();

 

 

control Attribution yapıları

·        Özellikler kontrol yapısını oluşturur
var haritaAdi = L.control.attribution({
prefix: '<a href="http://www.alikilic.org" target="_blank">ali kilic</a>',
position:'bottomleft'});

 

·        Açıklama Yazısını Haritaya Ekleme
haritaAdi.addTo(map);

·        Yazılacak Yazıyı değiştirme
haritaAdi.setPrefix('<a href="http://www.alikilic.org" target="_blank">Ali KILIÇ</a>');

 

·        Tanıtım Yazısı Ekleme
haritaAdi.addAttribution('Sektör Harita Leaflet Uygulamaları');

 

·        Açıklamanın Yer bilgisini Alır
var attryeri = haritaAdi.getPosition();

 

·        Açıklamanın Yerini Değiştirir
haritaAdi.setPosition(attryeri);

 

·        Bulunduğu Div elementini seçmek
var attElement = haritaAdi.getContainer();

 

Layers Control - Katman Kontrol Kutusu

 

·        Tiletanımları
var uyduharitasi = L.tileLayer('http://{s}.google.com/vt/lyrs=s,h&x={x}&y={y}&z={z}',{subdomains:['mt0','mt1','mt2','mt3']});
var googleharitasi = L.tileLayer('http://{s}.google.com/vt/lyrs=m&x={x}&y={y}&z={z}',{subdomains:['mt0','mt1','mt2','mt3']});
var geceharitasi = L.tileLayer('http://{s}.basemaps.cartocdn.com/dark_all/{z}/{x}/{y}.png', {subdomains:'abcd'});

 

·        Nokta Topluluğu oluşturma
var noktalar = new L.LayerGroup();
L.marker([37.872147547697296,32.490123510360725]).bindPopup('Ata KEbap').addTo(noktalar),
L.marker([37.87074588895201,32.49048829078675]).bindPopup('Zafer Çarşısı').addTo(noktalar),
L.marker([37.87077553155798,32.49332070350648]).bindPopup('Atlas Kitap Evi').addTo(noktalar),
L.marker([37.87274885535976,32.494634985923774]).bindPopup('Kuveyttürk Bankası').addTo(noktalar);

 

·        Katman Topluluğu oluşturma
var baseLayers = {
 "Uydu Haritası": uyduharitasi,
"Google Haritası": googleharitasi,
 "Gece Haritası":geceharitasi
};

 

·        Vektörel Katman Topluluğu Oluşturma
var overlays = {
"Cities": noktalar
};

 

·        Tile Katmanları ve Vektörel Katmanları Tek kutu içerisinde Gösterme
var toplukatman = L.control.layers(baseLayers, overlays).addTo(map);
noktalar.addTo(map);

 

Scale Control – Ölçek Kontrolü

 

·        Ölçek Kontrol özelliklerini Tanımlama
var olcekayar = {maxWidth:200,metric:true,imperial:false,updateWhenIdle:false,position:'middlebottom'};

 

·        Ölçek Kontrol Tanımlama
var olcek = L.control.scale();

 

·        Haritaya Ekleme
olcek.addTo(map);

 

·        Ölçeğin Konumunu Değiştirme
olcek.setPosition('topright');

 

·        Ölçeğin Nerede Olduğunu Bulma
var simdikiolcek = olcek.getPosition();


İNDİRMEK İÇİN GİRİŞ YAPINIZ

Yorum Yap & Puan Ver

  • 5