Şehir Haritası API

Şehir Haritası API'sinde mevcut olan tüm fonksiyonları http://sehirharitasi.ibb.gov.tr/mapapi/ linkinden görüntüleyebilir ve kullanabilirsiniz. Şu an için şehir haritasında 26 fonksiyon mevcuttur. İlerleyen süreçte geliştirme çalışmaları devam edecektir.

Şehir haritası API'si JavaScript teknolojisini desteklemektedir. Kodunuzun script tarafında aşağıdakine benzer şekilde bir tanımlama yaparsanız API'deki tüm mevcut fonksiyonları kullanabilirsiniz. Tüm fonksiyonlar callback yapısını desteklemektedir.

Örnek:

var ibbMAP = new SehirHaritasiAPI("mapFrame", function(){
        // harita yüklenmesi tamamlandıktan sonra çalışması istenilen fonksiyonlar
        });

Harita Fonksiyonları

Harita fonksiyonları; konuma gitme, zoom seviyesi getirme benzeri haritayla birebir etkileşimleri yapmak için tasarlanmış fonksiyonlardır. Bu kısımda harita fonksiyonları hakkında ayrıntılı bilgi verilecektir..

Tıklanınca

Tıklanınca fonksiyonu tıklanan konumun enlem, boylam ve zoom değerlerini döndürmek üzere tasarlanmıştır. Aşağıdaki kod penceresi içerisinde callback yapısıyla döndürmektedir.

var ibbMAP = new SehirHaritasiAPI("mapFrame", function(){
                ibbMAP.Tiklaninca(function (lat, lon, zoom) {
                    alert(lat + "," + lon + ", " + zoom);
                });
            });


<html>
    <head>
        <style type="text/css"> html, body, #mapFrame { width: 100%; height: 100%; margin: 0; padding: 0; } </style>
        <script src="http://sehirharitasi.ibb.gov.tr/api/map.js"></script>
    </head>
<body>

<div id="harita" style="width:100%; height:100%">
    <iframe id="mapFrame2" src="http://sehirharitasi.ibb.gov.tr/">
        <p>Tarayıcınız iframe özelliklerini desteklemiyor !</p>
    </iframe>
</div>

<script>
var ibbMAP = new SehirHaritasiAPI("mapFrame", function(){
                ibbMAP.Tiklaninca(function (lat, lon, zoom) {
                    alert(lat + "," + lon + ", " + zoom);
                });
            });
</script>

</body>
</html>

TıklamaKaldır

TiklamaKaldir fonksiyonu, Tıklanınca fonksiyonunu geçersiz hale getirmek üzere tasarlanmıştır. Parametre almaz, örnek kullanımı aşağıdaki gibidir.

var ibbMAP = new SehirHaritasiAPI("mapFrame", function(){ 
                ibbMAP.TiklamaKaldir();
                });


        <html>
            <head>
                <style type="text/css"> html, body, #mapFrame { width: 100%; height: 100%; margin: 0; padding: 0; } </style>
                <script src="http://sehirharitasi.ibb.gov.tr/api/map.js"></script>
            </head>
        <body>

        <div id="harita" style="width:100%; height:100%">
            <iframe id="mapFrame" src="http://sehirharitasi.ibb.gov.tr/">
                <p>Tarayıcınız iframe özelliklerini desteklemiyor !</p>
            </iframe>
        </div>

        <script>
        var ibbMAP = new SehirHaritasiAPI("mapFrame", function(){ 
                ibbMAP.TiklamaKaldir();
                });	
        </script>

        </body>
        </html>

SonTiklananNokta

Son tıklanan noktanın enlem, boylam ve zoom değerlerini döndürmek üzere tasarlanmıştır.

var ibbMAP = new SehirHaritasiAPI("mapFrame", function(){
            ibbMAP.SonTiklananNokta(
                function (lat, lon, zoom) {
                    if (arguments.length == 3) {
                        alert("lat:"+lat+" lon:"+lon+" zoom:"+zoom);
                    }
                    else
                    alert("Henüz tıklama yapılmadı !");
                });
            });


            <html>
                <head>
                    <style type="text/css"> html, body, #mapFrame { width: 100%; height: 100%; margin: 0; padding: 0; } </style>
                    <script src="http://sehirharitasi.ibb.gov.tr/api/map.js"></script>
                </head>
            <body>

            <div id="harita" style="width:100%; height:100%">
                <iframe id="mapFrame" src="http://sehirharitasi.ibb.gov.tr/">
                    <p>Tarayıcınız iframe özelliklerini desteklemiyor !</p>
                </iframe>
            </div>

            <script> 
            var ibbMAP = new SehirHaritasiAPI("mapFrame", function(){
                        ibbMAP.SonTiklananNokta(
                            function (lat, lon, zoom) {
                                if (arguments.length == 3) {
                                    alert("lat:"+lat+" lon:"+lon+" zoom:"+zoom);
                                }
                                else
                                alert("Henüz tıklama yapılmadı !");
                                });
                });            
            </script>

            </body>
            </html>

ZoomSeviyesi

Şehir haritası 10 ila 20 arası farklı zoom seviyelerinde üretilmiştir. Hangi zoom seviyesinde olduğunuzu öğrenmek isterseniz aşağıdaki kod bloğundan faydalanabilirsiniz.

var ibbMAP = new SehirHaritasiAPI("mapFrame", function(){ 
        ibbMAP.ZoomSeviyesi(function (zoom) { alert(zoom); }); 
        });


        <html>
            <head>
                <style type="text/css"> html, body, #mapFrame { width: 100%; height: 100%; margin: 0; padding: 0; } </style>
                <script src="http://sehirharitasi.ibb.gov.tr/api/map.js"></script>
            </head>
        <body>

        <div id="harita" style="width:100%; height:100%">
            <iframe id="mapFrame" src="http://sehirharitasi.ibb.gov.tr/">
                <p>Tarayıcınız iframe özelliklerini desteklemiyor !</p>
            </iframe>
        </div>

        <script>
        var ibbMAP = new SehirHaritasiAPI("mapFrame", function(){ 
            ibbMAP.ZoomSeviyesi(function (zoom) { alert(zoom); }); 
        });
        </script>

        </body>
        </html>

HaritaOrtaNokta

Haritanın orta noktasını döndürmek üzere tasarlanmıştır.

var ibbMAP = new SehirHaritasiAPI("mapFrame", function(){
            ibbMAP.HaritaOrtaNokta(function (lat, lon) {
                   alert(lat + ", " + lon);
                }); 
            });


            <html>
                <head>
                    <style type="text/css"> html, body, #mapFrame { width: 100%; height: 100%; margin: 0; padding: 0; } </style>
                    <script src="http://sehirharitasi.ibb.gov.tr/api/map.js"></script>
                </head>
            <body>

            <div id="harita" style="width:100%; height:100%">
                <iframe id="mapFrame" src="http://sehirharitasi.ibb.gov.tr/">
                    <p>Tarayıcınız iframe özelliklerini desteklemiyor !</p>
                </iframe>
            </div>

            <script>
            var ibbMAP = new SehirHaritasiAPI("mapFrame", function(){
            ibbMAP.HaritaOrtaNokta(function (lat, lon) {
                   alert(lat + ", " + lon);
                }); 
            });
            </script>

            </body>
            </html>

KonumaGit

Fonksiyona giriş parametresi olarak verilen enlem ve boylama gitmek için tasarlanmıştır. zoom seviyesi verdiğiniz takdirde verilen koordinatlara belirtilen seviyeye yaklaşarak gider. effect parametresini true olarak verdiğiniz takdirde belirtilen konuma efektle gidilecektir.

var ibbMAP = new SehirHaritasiAPI("mapFrame", function(){
            ibbMAP.KonumaGit("41.01371789571470","28.95547972584920", 19, true);
        });


        <html>
            <head>
                <style type="text/css"> html, body, #mapFrame { width: 100%; height: 100%; margin: 0; padding: 0; } </style>
                <script src="http://sehirharitasi.ibb.gov.tr/api/map.js"></script>
            </head>
        <body>

        <div id="harita" style="width:100%; height:100%">
            <iframe id="mapFrame" src="http://sehirharitasi.ibb.gov.tr/">
                <p>Tarayıcınız iframe özelliklerini desteklemiyor !</p>
            </iframe>
        </div>

        <script>
        var ibbMAP = new SehirHaritasiAPI("mapFrame", function(){
            ibbMAP.KonumaGit("41.01371789571470","28.95547972584920", 19, true);
        });
        </script>

        </body>
        </html>

SadeceHarita

Şehir haritasının tüm menülerini kapatarak sadece altlık haritasını görünür hale getirmek üzere tasarlanmış bir fonksiyondur, parametre almaz. Örnek kullanımı ve ilgili ekran görüntüsü aşağıdaki gibidir.

var ibbMAP = new SehirHaritasiAPI("mapFrame", function(){ 
        ibbMAP.SadeceHarita(); 
        });


        <html>
            <head>
                <style type="text/css"> html, body, #mapFrame { width: 100%; height: 100%; margin: 0; padding: 0; } </style>
                <script src="http://sehirharitasi.ibb.gov.tr/api/map.js"></script>
            </head>
        <body>

        <div id="harita" style="width:100%; height:100%">
            <iframe id="mapFrame" src="http://sehirharitasi.ibb.gov.tr/">
                <p>Tarayıcınız iframe özelliklerini desteklemiyor !</p>
            </iframe>
        </div>

        <script>
        var ibbMAP = new SehirHaritasiAPI("mapFrame", function(){ 
        ibbMAP.SadeceHarita(); 
        }); 
        </script>

        </body>
        </html>

Wgs84ItrfDonusumu

Şehir haritası WGS84 koordinat sistemi kullanmaktadır. Ancak sisteminizde ITRF koordinat sistemi kullanılıyorsa API'de bulunan koordinat dönüşüm metodlarıyla kolaylıkla entegrasyon sağlayabilirsiniz.

Wgs84ItrfDonusumu fonksiyonu, ITRF koordinat sisteminde verilen koordinatların Wgs84 koordinat sistemindeki karşılıklarını üretmek üzere tasarlanmıştır. Aşağıdaki kod bloğu Wgs84 koordinat sisteminde verilen koordinat çiftinin Itrf koordinat sistemindeki karşılığını döndürmektedir.

var ibbMAP = new SehirHaritasiAPI("mapFrame", function(){
            ibbMAP.Wgs84ItrfDonusumu('41.01371789571470','28.95547972584920',function (lat, lon) {
                    alert(lat + "," + lon );
            });
        });


        <html>
            <head>
                <style type="text/css"> html, body, #mapFrame { width: 100%; height: 100%; margin: 0; padding: 0; } </style>
                <script src="http://sehirharitasi.ibb.gov.tr/api/map.js"></script>
            </head>
        <body>

        <div id="harita" style="width:100%; height:100%">
            <iframe id="mapFrame" src="http://sehirharitasi.ibb.gov.tr/">
                <p>Tarayıcınız iframe özelliklerini desteklemiyor !</p>
            </iframe>
        </div>

        <script>
        var ibbMAP = new SehirHaritasiAPI("mapFrame", function(){
                    ibbMAP.Wgs84ItrfDonusumu('41.01371789571470','28.95547972584920',function (lat, lon) {
                            alert(lat + "," + lon );
                    });
                });
        </script>

        </body>
        </html>

ItrfWgs84Donusumu

ItrfWgs84Donusumu fonksiyonu, Wgs84 koordinat sisteminde verilen koordinatların ITRF koordinat sistemindeki karşılıklarını üretmek üzere tasarlanmıştır. Aşağıdaki kod bloğu ITRF koordinat sisteminde verilen koordinat çiftinin Wgs84 koordinat sistemindeki karşılığını döndürmektedir.

var ibbMAP = new SehirHaritasiAPI("mapFrame", function(){
            ibbMAP.ItrfWgs84Donusumu('392760.29334524315','4557526.423340271',function (lat, lon) {
                    alert(lat + "," + lon );
            });
        });


        <html>
            <head>
                <style type="text/css"> html, body, #mapFrame { width: 100%; height: 100%; margin: 0; padding: 0; } </style>
                <script src="http://sehirharitasi.ibb.gov.tr/api/map.js"></script>
            </head>
        <body>

        <div id="harita" style="width:100%; height:100%">
            <iframe id="mapFrame" src="http://sehirharitasi.ibb.gov.tr/">
                <p>Tarayıcınız iframe özelliklerini desteklemiyor !</p>
            </iframe>
        </div>

        <script>
        var ibbMAP = new SehirHaritasiAPI("mapFrame", function(){
            ibbMAP.ItrfWgs84Donusumu('392760.29334524315','4557526.423340271',function (lat, lon) {
                    alert(lat + "," + lon );
            });
        });
        </script>

        </body>
        </html>

AltlikKatmanListele

Şehir Haritasında mevcut olan tüm katmanları listelemek için tasarlanmıştır. Şu an için 1946'dan 2014'e 8 farklı katman mevcuttur. Aşağıdaki kod bloğu şehir haritasında mevcut olan tüm katmanları mesaj penceresi içinde yazdırmaktadır.

var ibbMAP = new SehirHaritasiAPI("mapFrame", function(){
        ibbMAP.AltlikKatmanListele(function (katmanlar) {
            alert(katmanlar);
            });
        });


        <html>
            <head>
                <style type="text/css"> html, body, #mapFrame { width: 100%; height: 100%; margin: 0; padding: 0; } </style>
                <script src="http://sehirharitasi.ibb.gov.tr/api/map.js"></script>
            </head>
        <body>

        <div id="harita" style="width:100%; height:100%">
            <iframe id="mapFrame" src="http://sehirharitasi.ibb.gov.tr/">
                <p>Tarayıcınız iframe özelliklerini desteklemiyor !</p>
            </iframe>
        </div>

        <script>
        var ibbMAP = new SehirHaritasiAPI("mapFrame", function(){
                ibbMAP.AltlikKatmanListele(function (katmanlar) {
                    alert(katmanlar);
                    });
                });
        </script>

        </body>
        </html>

AltlikKatmanGetir

Aktif olarak hangi katmanın kullanıldığını göstermek üzere tasarlanmıştır. Aşağıdaki kod bloğu aktif katmanı mesaj penceresi içinde yazdırmaktadır.

var ibbMAP = new SehirHaritasiAPI("mapFrame", function(){
            ibbMAP.AltlikKatmanGetir(
            function (name) {
                alert(name);
            });
        });


        <html>
            <head>
                <style type="text/css"> html, body, #mapFrame { width: 100%; height: 100%; margin: 0; padding: 0; } </style>
                <script src="http://sehirharitasi.ibb.gov.tr/api/map.js"></script>
            </head>
        <body>

        <div id="harita" style="width:100%; height:100%">
            <iframe id="mapFrame" src="http://sehirharitasi.ibb.gov.tr/">
                <p>Tarayıcınız iframe özelliklerini desteklemiyor !</p>
            </iframe>
        </div>

        <script>
        var ibbMAP = new SehirHaritasiAPI("mapFrame", function(){
                    ibbMAP.AltlikKatmanGetir(
                    function (katman) {
                        alert(katman);
                    });
                });
        </script>

        </body>
        </html>

AltlikKatmanAyarla

Parametre olarak aldığı katman değerini uygulamada altlık olarak kullanabilmeniz için tasarlanmıştır. Şu an için kullanabileceğiniz katmanlar Harita, 2011, 2014, 2013, 2009, 2006, 1982, 1966, 1946 şeklindedir. Güncel katman listesine AltlikKatmanListele metodu ile erişebilirsiniz.

Aşağıdaki kod bloğu altlığı 2013 yılına ait hava fotoğrafı olacak şekilde değiştirir.

var ibbMAP = new SehirHaritasiAPI("mapFrame", function(){
        ibbMAP.AltlikKatmanAyarla('2013');
        });


        <html>
            <head>
                <style type="text/css"> html, body, #mapFrame { width: 100%; height: 100%; margin: 0; padding: 0; } </style>
                <script src="http://sehirharitasi.ibb.gov.tr/api/map.js"></script>
            </head>
        <body>

        <div id="harita" style="width:100%; height:100%">
            <iframe id="mapFrame" src="http://sehirharitasi.ibb.gov.tr/">
                <p>Tarayıcınız iframe özelliklerini desteklemiyor !</p>
            </iframe>
        </div>

        <script>
        var ibbMAP = new SehirHaritasiAPI("mapFrame", function(){
        ibbMAP.AltlikKatmanAyarla('2013');
        });
        </script>

        </body>
        </html>

KatmanEkle

Elinizde mevcut olan WMS ve REST harita servislerini şehir haritası üzerinde görüntüleyebilmeniz için hazırlanmıştır. Katman URL adresini, katman adını , katman türünü ve görünürlük değerlerini doğru olarak verdiğiniz takdirde eklediğiniz katman şehir haritası üzerinde görünür olacaktır. Örnekteki REST katman İstanbul geneli otoparkları içermektedir.

var ibbMAP = new SehirHaritasiAPI("mapFrame", function(){
            ibbMAP.KatmanEkle('http://SUNUCU/arcgis/rest/services/KATMAN/MapServer/export?','ÖRNEK',true, 'REST' );
            });


        <html>
            <head>
                <style type="text/css"> html, body, #mapFrame { width: 100%; height: 100%; margin: 0; padding: 0; } </style>
                <script src="http://sehirharitasi.ibb.gov.tr/api/map.js"></script>
            </head>
        <body>

        <div id="harita" style="width:100%; height:100%">
            <iframe id="mapFrame" src="http://sehirharitasi.ibb.gov.tr/">
                <p>Tarayıcınız iframe özelliklerini desteklemiyor !</p>
            </iframe>
        </div>

        <script>
            var ibbMAP = new SehirHaritasiAPI("mapFrame", function(){
                ibbMAP.KatmanEkle('http://SUNUCU/arcgis/rest/services/KATMAN/MapServer/export?','ÖRNEK',true, 'REST' );
            });
        </script>

        </body>
        </html>

KatmanKaldir

KatmanEkle metodu ile eklediğiniz katmanı kaldırabilmeniz için tasarlanmıştır. Parametre almayan RestKatmanKaldir metodunun kullanımı aşağıdaki gibidir:

var ibbMAP = new SehirHaritasiAPI("mapFrame", function(){ 
        ibbMAP. KatmanKaldir(); 
        });


        <html>
            <head>
                <style type="text/css"> html, body, #mapFrame { width: 100%; height: 100%; margin: 0; padding: 0; } </style>
                <script src="http://sehirharitasi.ibb.gov.tr/api/map.js"></script>
            </head>
        <body>

        <div id="harita" style="width:100%; height:100%">
            <iframe id="mapFrame" src="http://sehirharitasi.ibb.gov.tr/">
                <p>Tarayıcınız iframe özelliklerini desteklemiyor !</p>
            </iframe>
        </div>

        <script>
            var ibbMAP = new SehirHaritasiAPI("mapFrame", function(){
            ibbMAP. KatmanKaldir(); 
            });
        </script>

        </body>
        </html>

KatmanYoneticisiGetir

Eklediğiniz katmanları ya da şehir haritasında mevcut olan katmanları görebilmeniz için tasarlanmıştır. Katman yöneticisi ile katmanları kolay bir şekilde editör yapısında görüntüleyebilir, açıp kapatabilir ya da saydamlık değerlerini ayarlayabilirsiniz.

var ibbMAP = new SehirHaritasiAPI("mapFrame", function(){ 
        ibbMAP.KatmanYoneticisiGetir(); 
        });


        <html>
            <head>
                <style type="text/css"> html, body, #mapFrame { width: 100%; height: 100%; margin: 0; padding: 0; } </style>
                <script src="http://sehirharitasi.ibb.gov.tr/api/map.js"></script>
            </head>
        <body>

        <div id="harita" style="width:100%; height:100%">
            <iframe id="mapFrame" src="http://sehirharitasi.ibb.gov.tr/">
                <p>Tarayıcınız iframe özelliklerini desteklemiyor !</p>
            </iframe>
        </div>

        <script>
            var ibbMAP = new SehirHaritasiAPI("mapFrame", function(){ 
            ibbMAP.KatmanYoneticisiGetir();
            });
        </script>

        </body>
        </html>

IsaretciEkle

Harita üzerinde işaretçi ekleme işlemi için kullanılır. Parametreleri ve kullanımı şu şekildedir: IsaretciEkle(lat, lon, anchorX, anchorY, zoomseviyesi, efekt, icerik, iconUrl, imageX, imageY, center,toolbar, draggable, popupgoster, baslik, callback)

lat ve lon parametreleri işaretçinin konumunu belirlemek için kullanılır.
anchorX ve anchorY parametreleri işaretçinin konumunu daha belirgin şekilde ayarlayabilmeniz için. anchorX parametresine l(left), c(center), r(right) değerlerini atayabilirken anchorY parametresine t(top), c(center), b(bottom) parametrelerini atayabilirsiniz.
zoom parametresi, işaretçiyi ekledikten sonra ilgili konuma istediğiniz seviyede yaklaşmanız için kullanılır. Boş bıraktığınız takdirde seviye değişmeden işaretçi eklenecektir.
content parametresi ile işaretçinin mesaj baloncuğunda istediğiniz içeriği görüntüleyebilirsiniz.
effect parametresini true olarak verdiğiniz takdirde ilgili konuma efektle gidilecektir.
İkon boyutunu ayarlamak için imageX ve imageY parametrelerinden birini kullanmanız gerekmektedir. İkon boyutu ya imageX ya da imageY bazında otomatik olarak ayarlanacaktır.
iconUrl parametresi işaretçi ikonu url'sini ayarlamak için kullanılırken ikon boyutunu ayarlamak için imageX ve imageY parametrelerini kullanmanız gerekmektedir.
center parametresini işaretçiyi ortalatmak için kullanabilirsiniz.
toolbar parametresini true olarak verdiğinizde aşağıdaki resimde de göreceğiniz toolbar görünür halde gelir. Toolbardaki ikonlar yardımıyla yol tarifi alma ve panoramik görüntü kullanma gibi işlemleri gerçekleştirebilirsiniz.
draggable parametresi ise işaretçinin sürüklenebilir olması için kullanılmaktadır.
showPopover parametresini true olarak verdiğinizde işaretçinin mesaj penceresi eklendiği anda görünür olmaktadır. false verildiğinde ise mesaj penceresinin görünür olması için işaretçinin tıklanması gerekmektedir.
title parametresinde verdiğiniz değer ise mesaj penceresine başlık olaraka atanacaktır. Değer atanmadığında varsayılan olarak mesaj penceresi başlığında "Nokta" yazacaktır.
callback işaretçiyi ekledikten sonra ID bilgisini geri döndürür.
Örnek kullanımı ve ilgili ekran görüntüsü aşağıdaki gibidir.

var ibbMAP = new SehirHaritasiAPI("mapFrame", function(){ 
        ibbMAP.IsaretciEkle('41.013717895714','28.95547972584920','l','t',16,false,'İBB Binası', 'http://www.ibb.gov.tr/SiteCollectionImages/KurumsalSiteResim/BasinMateryalleri/ibblogo.gif', '','', true, true, true, true,'', function(id){
        //...
        });
        });


        <html>
            <head>
                <style type="text/css"> html, body, #mapFrame { width: 100%; height: 100%; margin: 0; padding: 0; } </style>
                <script src="http://sehirharitasi.ibb.gov.tr/api/map.js"></script>
            </head>
        <body>

        <div id="harita" style="width:100%; height:100%">
            <iframe id="mapFrame" src="http://sehirharitasi.ibb.gov.tr/">
                <p>Tarayıcınız iframe özelliklerini desteklemiyor !</p>
            </iframe>
        </div>

        <script>
        var ibbMAP = new SehirHaritasiAPI("mapFrame", function(){ 
                ibbMAP.IsaretciEkle('41.013717895714','28.95547972584920','l','t',16,false,'İBB Binası', 'http://www.ibb.gov.tr/SiteCollectionImages/KurumsalSiteResim/BasinMateryalleri/ibblogo.gif', '','', true, true, true, true,'');
        });
        </script>

        </body>
        </html>

TopluIsaretciEkle

Belli bir json dizesi şeklinde verilmiş datayı toplu olarak işaretçi şeklinde eklemek için kullanılır. Json dizesinde eleman olarak lat, lon, content, offsetX, offsetY, iconUrl, center, imageX, imageY, toolbar, draggable vb. isaretciekle metodunda kullanabileceğiniz tüm parametreleri verebilirsiniz. Parametreleri kullanımları IsaretciEkle kısmında açıklanmıştır.

var ibbMAP = new SehirHaritasiAPI("mapFrame", function(){ 
        ibbMAP.TopluIsaretciEkle('[{"lat": "41.0689712701599","lon": "29.0120085696795","icerik": "Ziraat Bank","center": false,"toolbar": true,"draggable": true}, {"lat": "41.0690394985767","lon": "29.0123125070412 ","efekt":true,"zoomseviyesi":19,"icerik": "Vakıfbank ","center": false,"baslik":"Vakıfbank","popupgoster":true}] ');
        });


        <html>
            <head>
                <style type="text/css"> html, body, #mapFrame { width: 100%; height: 100%; margin: 0; padding: 0; } </style>
                <script src="http://sehirharitasi.ibb.gov.tr/api/map.js"></script>
            </head>
        <body>

        <div id="harita" style="width:100%; height:100%">
            <iframe id="mapFrame" src="http://sehirharitasi.ibb.gov.tr/">
                <p>Tarayıcınız iframe özelliklerini desteklemiyor !</p>
            </iframe>
        </div>

        <script>
        var ibbMAP = new SehirHaritasiAPI("mapFrame", function(){ 
                ibbMAP.TopluIsaretciEkle('[{"lat": "41.0689712701599","lon": "29.0120085696795","icerik": "Ziraat Bank","center": false,"toolbar": true,"draggable": true}, {"lat": "41.0690394985767","lon": "29.0123125070412 ","efekt":true,"zoomseviyesi":19,"icerik": "Vakıfbank ","center": false,"baslik":"Vakıfbank","popupgoster":true}] ');
            });
         </script>
        </body>
        </html>

IsaretciTemizle

Eklediğiniz isaretcileri kaldırmak için kullanılır, eğer işaretçi id si verilir o işaretçi haritadan kaldırır herhangi bir parametre verilmez ise tüm işaretçileri haritadan kaldırır.

var ibbMAP = new SehirHaritasiAPI("mapFrame", function(){ 
        ibbMAP.IsaretciTemizle(); 
        });


        <html>
            <head>
                <style type="text/css"> html, body, #mapFrame { width: 100%; height: 100%; margin: 0; padding: 0; } </style>
                <script src="http://sehirharitasi.ibb.gov.tr/api/map.js"></script>
            </head>
        <body>

        <div id="harita" style="width:100%; height:100%">
            <iframe id="mapFrame" src="http://sehirharitasi.ibb.gov.tr/">
                <p>Tarayıcınız iframe özelliklerini desteklemiyor !</p>
            </iframe>
        </div>

        <script>
            var ibbMAP = new SehirHaritasiAPI("mapFrame", function(){ 
            ibbMAP.IsaretciTemizle();
            }); 
        </script>

        </body>
        </html>

Ciz

Wkt formatında aldığı geometrik datayı harita üzerinde çizmek için tasarlanmıştır. wkt ve zoom olmak üzere iki parametre almaktadır. zoom parametresini true verdiğinizde harita üzerinde ilgili konuma yaklaşılacaktır.

var ibbMAP = new SehirHaritasiAPI("mapFrame", function(){
            ibbMAP.Ciz('POLYGON ((29.145469344 40.85195596, 29.145536353 40.851863473, 29.145564568 40.851812375, 29.145855754 40.851924604, 29.145748349 40.852081624, 29.145469344 40.85195596))', true);
        });


        <html>
            <head>
                <style type="text/css"> html, body, #mapFrame { width: 100%; height: 100%; margin: 0; padding: 0; } </style>
                <script src="http://sehirharitasi.ibb.gov.tr/api/map.js"></script>
            </head>
        <body>

        <div id="harita" style="width:100%; height:100%">
            <iframe id="mapFrame" src="http://sehirharitasi.ibb.gov.tr/">
                <p>Tarayıcınız iframe özelliklerini desteklemiyor !</p>
            </iframe>
        </div>

        <script>
        var ibbMAP = new SehirHaritasiAPI("mapFrame", function(){
            ibbMAP.Ciz('POLYGON ((29.145469344 40.85195596, 29.145536353 40.851863473, 29.145564568 40.851812375, 29.145855754 40.851924604, 29.145748349 40.852081624, 29.145469344 40.85195596))', true);
        }); 
        </script>

        </body>
        </html>

CizimEditoruGetir

Çizim ile ilgili tüm işlemlerinizi editör üzerinden gerçekleştirebilirsiniz. Tür seçimine göre çizim yapabilir, seçili çizimlerinizi düzenleyebilir, silebilir ya da çizim işlemlerini pasifleştirebilirsiniz.
Yaptığınız tüm çizimleri taşıyabilirsiniz.

var ibbMAP = new SehirHaritasiAPI("mapFrame", function(){ 
        ibbMAP.CizimEditoruGetir(); 
        });


        <html>
            <head>
                <style type="text/css"> html, body, #mapFrame { width: 100%; height: 100%; margin: 0; padding: 0; } </style>
                <script src="http://sehirharitasi.ibb.gov.tr/api/map.js"></script>
            </head>
        <body>

        <div id="harita" style="width:100%; height:100%">
            <iframe id="mapFrame" src="http://sehirharitasi.ibb.gov.tr/">
                <p>Tarayıcınız iframe özelliklerini desteklemiyor !</p>
            </iframe>
        </div>

        <script>
            var ibbMAP = new SehirHaritasiAPI("mapFrame", function(){ 
            ibbMAP.CizimEditoruGetir(); 
            }); 
        </script>

        </body>
        </html>

TurileCizim

Verilen türe göre çizim fonksiyonunu hazır hale getirmek için kullanılır. Seçebileceğiniz türler nokta, poligon,çizgidir. Bunun dışında yok parametresini de vererek çizimi pasifleştirebilirsiniz. Belirtilen türler dışında parametre verildiğinde herhangi bir işlem gerçekleştirilmeyecektir.

var ibbMAP = new SehirHaritasiAPI("mapFrame", function(){ 
        ibbMAP.TurileCizim("poligon"); 
        });


        <html>
            <head>
                <style type="text/css"> html, body, #mapFrame { width: 100%; height: 100%; margin: 0; padding: 0; } </style>
                <script src="http://sehirharitasi.ibb.gov.tr/api/map.js"></script>
            </head>
        <body>

        <div id="harita" style="width:100%; height:100%">
            <iframe id="mapFrame" src="http://sehirharitasi.ibb.gov.tr/">
                <p>Tarayıcınız iframe özelliklerini desteklemiyor !</p>
            </iframe>
        </div>

        <script>
        var ibbMAP = new SehirHaritasiAPI("mapFrame", function(){
        ibbMAP.TurileCizim("poligon"); 
        });
        </script>

        </body>
        </html>

CizimSec

Editörde sunulan metodlardandır. Yapılan çizimleri seçebilme imkanı sağlar. Çizimleri düzenleme ya da silme işlemi yapabilmeniz için önce seçim yapmanız gerekmektedir.

var ibbMAP = new SehirHaritasiAPI("mapFrame", function(){
        ibbMAP.CizimSec(); 
        });


        <html>
            <head>
                <style type="text/css"> html, body, #mapFrame { width: 100%; height: 100%; margin: 0; padding: 0; } </style>
                <script src="http://sehirharitasi.ibb.gov.tr/api/map.js"></script>
            </head>
        <body>

        <div id="harita" style="width:100%; height:100%">
            <iframe id="mapFrame" src="http://sehirharitasi.ibb.gov.tr/">
                <p>Tarayıcınız iframe özelliklerini desteklemiyor !</p>
            </iframe>
        </div>

        <script>
            var ibbMAP = new SehirHaritasiAPI("mapFrame", function(){ 
            ibbMAP.CizimSec();
            });
        </script>

        </body>
        </html>

CizimDuzenle

Editörde sunulan metodlardandır. Yapılan çizimleri düzenleyebilmeniz için eklenmiştir. Bu metodu çalıştırabilmeniz için önce CizimSec metodu ile düzenlenecek çizimi seçmeniz gerekmektedir.

var ibbMAP = new SehirHaritasiAPI("mapFrame", function(){ 
        ibbMAP.CizimDuzenle(); 
        });


        <html>
            <head>
                <style type="text/css"> html, body, #mapFrame { width: 100%; height: 100%; margin: 0; padding: 0; } </style>
                <script src="http://sehirharitasi.ibb.gov.tr/api/map.js"></script>
            </head>
        <body>

        <div id="harita" style="width:100%; height:100%">
            <iframe id="mapFrame" src="http://sehirharitasi.ibb.gov.tr/">
                <p>Tarayıcınız iframe özelliklerini desteklemiyor !</p>
            </iframe>
        </div>

        <script>
            var ibbMAP = new SehirHaritasiAPI("mapFrame", function(){ 
            ibbMAP.CizimDuzenle(); 
            });
        </script>

        </body>
        </html>

CizimSil

Editörde sunulan metodlardandır. Yapılan çizimleri tek tek silebilmeniz için eklenmiştir. Bu metodu çalıştırabilmeniz için önce CizimSec metodu ile silinecek çizimi seçmeniz gerekmektedir.

var ibbMAP = new SehirHaritasiAPI("mapFrame", function(){ 
        ibbMAP.CizimSil(); 
        });


        <html>
            <head>
                <style type="text/css"> html, body, #mapFrame { width: 100%; height: 100%; margin: 0; padding: 0; } </style>
                <script src="http://sehirharitasi.ibb.gov.tr/api/map.js"></script>
            </head>
        <body>

        <div id="harita" style="width:100%; height:100%">
            <iframe id="mapFrame" src="http://sehirharitasi.ibb.gov.tr/">
                <p>Tarayıcınız iframe özelliklerini desteklemiyor !</p>
            </iframe>
        </div>

        <script>
            var ibbMAP = new SehirHaritasiAPI("mapFrame", function(){ 
            ibbMAP.CizimSil(); 
            }); 
        </script>

        </body>
        </html>

CizimTemizle

Harita üzerinde yaptığınız çizimleri temizlemek için kullanılır, parametre almaz.

var ibbMAP = new SehirHaritasiAPI("mapFrame", function(){ 
        ibbMAP.CizimTemizle(); 
        });


        <html>
            <head>
                <style type="text/css"> html, body, #mapFrame { width: 100%; height: 100%; margin: 0; padding: 0; } </style>
                <script src="http://sehirharitasi.ibb.gov.tr/api/map.js"></script>
            </head>
        <body>

        <div id="harita" style="width:100%; height:100%">
            <iframe id="mapFrame" src="http://sehirharitasi.ibb.gov.tr/">
                <p>Tarayıcınız iframe özelliklerini desteklemiyor !</p>
            </iframe>
        </div>

        <script>
            var ibbMAP = new SehirHaritasiAPI("mapFrame", function(){ 
            ibbMAP.CizimTemizle();
            }); 
        </script>

        </body>
        </html>

CizimPasiflestir

Çizim işlemlerini kapatmak çıkmak için kullanılır.

var ibbMAP = new SehirHaritasiAPI("mapFrame", function(){ 
        ibbMAP.CizimPasiflestir();
        });


        <html>
            <head>
                <style type="text/css"> html, body, #mapFrame { width: 100%; height: 100%; margin: 0; padding: 0; } </style>
                <script src="http://sehirharitasi.ibb.gov.tr/api/map.js"></script>
            </head>
        <body>

        <div id="harita" style="width:100%; height:100%">
            <iframe id="mapFrame" src="http://sehirharitasi.ibb.gov.tr/">
                <p>Tarayıcınız iframe özelliklerini desteklemiyor !</p>
            </iframe>
        </div>

        <script>
            var ibbMAP = new SehirHaritasiAPI("mapFrame", function(){
            ibbMAP.CizimPasiflestir(); 
            }); 
        </script>

        </body>
        </html>

YakinimdaAra

Koordinatı verilen nokta için yakında arama işlemi yapılır. Şehir Haritasının "Yakınımda Ara" fonksiyonunun kullanılabilmesi için tasarlanılmıştır. mesafe parametresiyle kaç metreye kadar arama yapabileceğinizi belirtebilirsiniz. Değer vermediğiniz takdirde varsayılan olarak 150 metreye kadar arama yapılacaktır. tur parametresiyle seçim yapabileceğiniz kategoriler İBADETHANE,EĞİTİM,SAĞLIK,KAMU,ECZANE,TARİHİ ESER,BANKA ve DİĞER" dir. "tur" parametresinde değer vermediğiniz takdirde var olan tüm kategoriler için arama yapılır.

var ibbMAP = new SehirHaritasiAPI("mapFrame", function(){ 
        ibbMAP.YakinimdaAra (41.0142595, 28.9535544,"eğitim,kamu", "300"); 
        });


        <html>
            <head>
                <style type="text/css"> html, body, #mapFrame { width: 100%; height: 100%; margin: 0; padding: 0; } </style>
                <script src="http://sehirharitasi.ibb.gov.tr/api/map.js"></script>
            </head>
        <body>

        <div id="harita" style="width:100%; height:100%">
            <iframe id="mapFrame" src="http://sehirharitasi.ibb.gov.tr/">
                <p>Tarayıcınız iframe özelliklerini desteklemiyor !</p>
            </iframe>
        </div>

        <script>
            var ibbMAP = new SehirHaritasiAPI("mapFrame", function(){ 
            ibbMAP.YakinimdaAra (41.0142595, 28.9535544,"eğitim,kamu", "300");
            });
        </script>

        </body>
        </html>

YolTarifi

Başlangıç ve bitiş koordinatları verilen iki nokta için yol tarifi üretmek üzere tasarlanmıştır. Parametreler ve kullanım örneği aşağıdaki gibidir.

var ibbMAP = new SehirHaritasiAPI("mapFrame", function(){ 
        ibbMAP.YolTarifi(41.014017435981, 28.945408741105,41.039437311878,29.085595529838);
        });


        <html>
            <head>
                <style type="text/css"> html, body, #mapFrame { width: 100%; height: 100%; margin: 0; padding: 0; } </style>
                <script src="http://sehirharitasi.ibb.gov.tr/api/map.js"></script>
            </head>
        <body>

        <div id="harita" style="width:100%; height:100%">
            <iframe id="mapFrame" src="http://sehirharitasi.ibb.gov.tr/">
                <p>Tarayıcınız iframe özelliklerini desteklemiyor !</p>
            </iframe>
        </div>

        <script>
            var ibbMAP = new SehirHaritasiAPI("mapFrame", function(){ 
            ibbMAP.YolTarifi(41.014017435981, 28.945408741105,41.039437311878,29.085595529838);
            });
        </script>

        </body>
        </html>

TUBS(Toplu Ulaşım Bilgi sistemi)

YolTarifi metoduna benzer çalışır. Güzergahı toplu taşıma araçları için çizer. TUBS metodunda varış tarih ve zamanını belirtebilir, tercih edilecek araçları seçebilirsiniz. TUBS metodunda başlangıç ve bitiş koordinatlarını vermeniz yeterli olacaktır. Aynı zamanda toplu ulaşımda kullanılacak araçları sınırlandırabilir veya varış zaman ve tarihinizi ayarlayabilirsiniz. TUBS'da seçebileceğiniz araçlar SUBWAY(metro), METROBUS(metrobüs), TRAM(tramvay), RAIL(marmaray), FERRY(vapur) , MINIBUS(minibüs), FUNICULAR(füniküler), SHARETAXI(dolmuş), GONDOLA(teleferik)ve BUS(otobüs)'tır

var ibbMAP = new SehirHaritasiAPI("mapFrame", function(){ 
            ibbMAP.TUBS(41.014017435981, 28.945408741105, 41.039437311878,29.085595529838);
            ibbMAP.TUBS (41.014017435981, 28.945408741105, 41.039437311878, 29.085595529838, "BUS, SUBWAY", "20:00", "2015-06-24");
        });


        <html>
            <head>
                <style type="text/css"> html, body, #mapFrame { width: 100%; height: 100%; margin: 0; padding: 0; } </style>
                <script src="http://sehirharitasi.ibb.gov.tr/api/map.js"></script>
            </head>
        <body>

        <div id="harita" style="width:100%; height:100%">
            <iframe id="mapFrame" src="http://sehirharitasi.ibb.gov.tr/">
                <p>Tarayıcınız iframe özelliklerini desteklemiyor !</p>
            </iframe>
        </div>

        <script>
        var ibbMAP = new SehirHaritasiAPI("mapFrame", function(){ 
            ibbMAP.TUBS(41.014017435981, 28.945408741105, 41.039437311878,29.085595529838);
            ibbMAP.TUBS (41.014017435981, 28.945408741105, 41.039437311878, 29.085595529838, "BUS, SUBWAY", "20:00", "2015-06-24");
        });
        </script>

        </body>
        </html>

Panorama

Koordinatları verilen konumun panoramik sokak görüntülerini harita üzerinde göstermek için kullanılır.

var ibbMAP = new SehirHaritasiAPI("mapFrame", function(){ 
        ibbMAP.Panorama('41.013107768101','28.95378105002');
        });


        <html>
            <head>
                <style type="text/css"> html, body, #mapFrame { width: 100%; height: 100%; margin: 0; padding: 0; } </style>
                <script src="http://sehirharitasi.ibb.gov.tr/api/map.js"></script>
            </head>
        <body>

        <div id="harita" style="width:100%; height:100%">
            <iframe id="mapFrame" src="http://sehirharitasi.ibb.gov.tr/">
                <p>Tarayıcınız iframe özelliklerini desteklemiyor !</p>
            </iframe>
        </div>

        <script>
            var ibbMAP = new SehirHaritasiAPI("mapFrame", function(){ 
            ibbMAP.Panorama('41.013107768101','28.95378105002');
            });
        </script>

        </body>
        </html>

Trafik

Anlık trafik durumunu güncel olarak harita üzerinde görüntüleyebilmeniz için tasarlanmıştır.

var ibbMAP = new SehirHaritasiAPI("mapFrame", function(){
        ibbMAP.Trafik(); 
        });


        <html>
            <head>
                <style type="text/css"> html, body, #mapFrame { width: 100%; height: 100%; margin: 0; padding: 0; } </style>
                <script src="http://sehirharitasi.ibb.gov.tr/api/map.js"></script>
            </head>
        <body>

        <div id="harita" style="width:100%; height:100%">
            <iframe id="mapFrame" src="http://sehirharitasi.ibb.gov.tr/">
                <p>Tarayıcınız iframe özelliklerini desteklemiyor !</p>
            </iframe>
        </div>

        <script>
            var ibbMAP = new SehirHaritasiAPI("mapFrame", function(){ 
            ibbMAP.Trafik();
            });
        </script>

        </body>
        </html>

Arama

Şehir haritası üzerinde arama yapmak için kullanılır. Arama fonksiyonunda aktif parametresini false verdiğiniz takdirde Şehir Haritası'nda arama yapılamaz. Aktif parametresini true verdiğinizde aranan parametresiyle gönderdiğiniz değerleri Şehir Haritası'nda aratabilirsiniz. Arama fonksiyonunu koordinat aramalarında da kullanabilirsiniz.

var ibbMAP = new SehirHaritasiAPI("mapFrame", function(){ 
            ibbMAP.Arama(false); 
            ibbMAP.Arama(true,"41.0142595, 28.9535544");
        });


        <html>
            <head>
                <style type="text/css"> html, body, #mapFrame { width: 100%; height: 100%; margin: 0; padding: 0; } </style>
                <script src="http://sehirharitasi.ibb.gov.tr/api/map.js"></script>
            </head>
        <body>

        <div id="harita" style="width:100%; height:100%">
            <iframe id="mapFrame" src="http://sehirharitasi.ibb.gov.tr/">
                <p>Tarayıcınız iframe özelliklerini desteklemiyor !</p>
            </iframe>
        </div>

        <script>
        var ibbMAP = new SehirHaritasiAPI("mapFrame", function(){ 
            ibbMAP.Arama(false); 
            ibbMAP.Arama(true,"41.0142595, 28.9535544");
        });
        </script>

        </body>
        </html>

Yazdır

Yazdır fonksiyonu ile şehir haritasını kolaylıkla yazdırabilirsiniz.

var ibbMAP = new SehirHaritasiAPI("mapFrame", function(){ 
        ibbMAP.Yazdir(); 
        });


        <html>
            <head>
                <style type="text/css"> html, body, #mapFrame { width: 100%; height: 100%; margin: 0; padding: 0; } </style>
                <script src="http://sehirharitasi.ibb.gov.tr/api/map.js"></script>
            </head>
        <body>

        <div id="harita" style="width:100%; height:100%">
            <iframe id="mapFrame" src="http://sehirharitasi.ibb.gov.tr/">
                <p>Tarayıcınız iframe özelliklerini desteklemiyor !</p>
            </iframe>
        </div>

        <script>
            var ibbMAP = new SehirHaritasiAPI("mapFrame", function(){ 
            ibbMAP.Yazdir(); 
            });
        </script>

        </body>
        </html>

Eczane

Eczane fonksiyonu, İstanbul genelindeki, nöbetçi eczaneleri API üzerinden uygulamanızda kullanabilmeniz için tasarlanmıştır. Eczane fonksiyonunu parametresiz olarak kullandığınızda, geçersiz bir isim geldiğinde ya da ilgili ilçede kayıt mevcut değilse İstanbul genelindeki tüm nöbetçi eczaneler gelecektir. İlçe bazında nöbetçi eczane getirmek isterseniz parametre olarak ilçe adını vermeniz yeterli olacaktır. Nöbetçi eczane verileri İstanbul Eczacılar Odası tarafından sağlanmaktadır.

var ibbMAP = new SehirHaritasiAPI("mapFrame", function(){ 
        ibbMAP.Eczane('ADALAR'); 
        });


        <html>
            <head>
                <style type="text/css"> html, body, #mapFrame { width: 100%; height: 100%; margin: 0; padding: 0; } </style>
                <script src="http://sehirharitasi.ibb.gov.tr/api/map.js"></script>
            </head>
        <body>

        <div id="harita" style="width:100%; height:100%">
            <iframe id="mapFrame" src="http://sehirharitasi.ibb.gov.tr/">
                <p>Tarayıcınız iframe özelliklerini desteklemiyor !</p>
            </iframe>
        </div>

        <script>
            var ibbMAP = new SehirHaritasiAPI("mapFrame", function(){ 
            ibbMAP.Eczane('ADALAR'); 
            });
        </script>

        </body>
        </html>

Spor

İstanbul genelindeki spor tesislerini API üzerinden uygulamanızda kullanabilmeniz için tasarlanmıştır. Yapısı ve kullanımı Eczane fonksiyonuna benzerdir.

var ibbMAP = new SehirHaritasiAPI("mapFrame", function(){ 
        ibbMAP.Spor('fatih'); 
        });


        <html>
            <head>
                <style type="text/css"> html, body, #mapFrame { width: 100%; height: 100%; margin: 0; padding: 0; } </style>
                <script src="http://sehirharitasi.ibb.gov.tr/api/map.js"></script>
            </head>
        <body>

        <div id="harita" style="width:100%; height:100%">
            <iframe id="mapFrame" src="http://sehirharitasi.ibb.gov.tr/">
                <p>Tarayıcınız iframe özelliklerini desteklemiyor !</p>
            </iframe>
        </div>

        <script>
            var ibbMAP = new SehirHaritasiAPI("mapFrame", function(){ 
            ibbMAP.Spor('fatih'); 
            });
        </script>

        </body>
        </html>

Sosyal

İstanbul genelindeki İBB'ye ait sosyal tesislerini API üzerinden uygulamanızda kullanabilmeniz için tasarlanmıştır. Yapısı ve kullanımı Eczane fonksiyonuna benzerdir.

var ibbMAP = new SehirHaritasiAPI("mapFrame", function(){ 
        ibbMAP.Sosyal(); 
        });


        <html>
            <head>
                <style type="text/css"> html, body, #mapFrame { width: 100%; height: 100%; margin: 0; padding: 0; } </style>
                <script src="http://sehirharitasi.ibb.gov.tr/api/map.js"></script>
            </head>
        <body>

        <div id="harita" style="width:100%; height:100%">
            <iframe id="mapFrame" src="http://sehirharitasi.ibb.gov.tr/">
                <p>Tarayıcınız iframe özelliklerini desteklemiyor !</p>
            </iframe>
        </div>

        <script>
            var ibbMAP = new SehirHaritasiAPI("mapFrame", function(){ 
            ibbMAP.Sosyal();
            });
        </script>

        </body>
        </html>

İletişim

İstanbul genelindeki İBB'ye ait iletişim noktalarını API üzerinden uygulamanızda kullanabilmeniz için tasarlanmıştır. Yapısı ve kullanımı Eczane fonksiyonuna benzerdir.

var ibbMAP = new SehirHaritasiAPI("mapFrame", function(){ 
        ibbMAP.Iletisim(); 
        });


        <html>
            <head>
                <style type="text/css"> html, body, #mapFrame { width: 100%; height: 100%; margin: 0; padding: 0; } </style>
                <script src="http://sehirharitasi.ibb.gov.tr/api/map.js"></script>
            </head>
        <body>

        <div id="harita" style="width:100%; height:100%">
            <iframe id="mapFrame" src="http://sehirharitasi.ibb.gov.tr/">
                <p>Tarayıcınız iframe özelliklerini desteklemiyor !</p>
            </iframe>
        </div>

        <script>
            var ibbMAP = new SehirHaritasiAPI("mapFrame", function(){ 
            ibbMAP.Iletisim(); 
            });
        </script>

        </body>
        </html>

API Fonksiyonları