• 02-02-2020, 21:43:32
    #1
    Merhabalar Arkadaşlar, Javascript ile bir kaç işlem deniyorum fakat işin içinden çıkamadım. Yardımcı olabilecek var mı ?

    var mevcutKonum = "";
    if (!navigator.geolocation) {
    alert('Tarayıcınız Geolocation desteği bulunmuyor.')
    }else{
    navigator.geolocation.getCurrentPosition(function (position) {
    var lat = position.coords.latitude
    var lng = position.coords.longitude
    mevcutKonum = "[" +lng + "," +lat + "]";
    })
    }
    
    
    mapboxgl.accessToken = 'pk.eyJ1IjoibXVua2VyZXJrYWRhbSIsewqd3VnM25wY2w0emx1ZmNiIn0.eVBbzu4KJybcDsV-qCdsbQ';
    var map = new mapboxgl.Map({
    container: 'map',
    style: 'mapbox://styles/mapbox/streets-v11',
    center: mevcutKonum, // buraya mevcut konum yazdırılacak
    zoom: 9
    });
    
    
    map.on('mousemove', function(e) {
    
    var xAlanKordinati = JSON.stringify(e.point["x"]);
    var yAlanKordinati = JSON.stringify(e.point["y"]);
    var latKordinat = JSON.stringify(e.lngLat.wrap()["lat"]);
    var lngKordinat = JSON.stringify(e.lngLat.wrap()["lng"]);
    
    var zoomOrani = map.getZoom();
    var merkezOrani = map.getCenter();
    
    document.getElementById('zoom').innerHTML = "Zoom Oranı:" + zoomOrani; // ALAN 1
    document.getElementById('kordinat').innerHTML = "Kordinatlar: " + merkezOrani; // ALAN 2
    
    });
    mevcutKonum adlı değişkene koordinatları başarıyla alıyorum. Aldığım koordinatları bir alt taraftaki center içerisine başarıyla yazdırmam gerekiyor fakat olmadı. Ayrıca bir alt mausemove bölümündeki fonksiyonda zoomOranı ve merkezOrani değişkenine aldığım verileri fonksiyon dışına nasıl çıkartabilirim?

    Teşekkürler.
  • 02-02-2020, 21:45:10
    #2
    Ya hocam konu açarken başlıkları daha doğru seçseniz. Anasayfada görünce intihar felan edeceksiniz sandım.
  • 02-02-2020, 21:46:00
    #3
    OktayDurak adlı üyeden alıntı: mesajı görüntüle
    Ya hocam konu açarken başlıkları daha doğru seçseniz. Anasayfada görünce intihar felan edeceksiniz sandım.
    Aynen manevi bir şey sandım
  • 02-02-2020, 21:47:36
    #4
    OktayDurak adlı üyeden alıntı: mesajı görüntüle
    Ya hocam konu açarken başlıkları daha doğru seçseniz. Anasayfada görünce intihar felan edeceksiniz sandım.
    delikanli53 adlı üyeden alıntı: mesajı görüntüle
    Aynen manevi bir şey sandım
    Kusura bakmayın beyler Başlık düzenlendi.
  • 02-02-2020, 21:58:05
    #5
    İnnerHTML komutu ile yazdırabilirsiniz
  • 02-02-2020, 22:01:02
    #6
    bybb35 adlı üyeden alıntı: mesajı görüntüle
    İnnerHTML komutu ile yazdırabilirsiniz
    mapboxgl.accessToken = 'pk.eyJ1IjoibXVua2VyZXJrYWRhbSIsImEiOiJjazVtaHhoZDAwd3VnM25wY2w0emx1ZmNiIn0.eVBbzu4KJybcDsV-qCdsbQ';
            var map = new mapboxgl.Map({
                container: 'map',
                style: 'mapbox://styles/mapbox/streets-v11',
                center: document.getElementById(mevcutKonum).innerHTML, // buraya mevcut konum yazdırılacak
                zoom: 6
    });
    bu şekilde denediğimde direkt olarak center içerisine "document.getElementById(mevcutKonum).innerHTM L" yazmakta hocam sanırım yanlış anladım?
  • 02-02-2020, 22:05:43
    #7
    munkererkadam adlı üyeden alıntı: mesajı görüntüle
    mapboxgl.accessToken = 'pk.eyJ1IjoibXVua2VyZXJrYWRhbSIsImEiOiJjazVtaHhoZDAwd3VnM25wY2w0emx1ZmNiIn0.eVBbzu4KJybcDsV-qCdsbQ';
            var map = new mapboxgl.Map({
                container: 'map',
                style: 'mapbox://styles/mapbox/streets-v11',
                center: document.getElementById(mevcutKonum).innerHTML, // buraya mevcut konum yazdırılacak
                zoom: 6
    });
    bu şekilde denediğimde direkt olarak center içerisine "document.getElementById(mevcutKonum).innerHTM L" yazmakta hocam sanırım yanlış anladım?
    Yok ben yanlış anlmısım hocam sizin yazdıgınız kod çalılması lazım bir hata göremedim . mevcut konuma center olarak değişkene atamışsınız.



    var mevcutKonum = "";
    if (!navigator.geolocation) {
    alert('Tarayıcınız Geolocation desteği bulunmuyor.')
    }else{
    navigator.geolocation.getCurrentPosition(function (position) {
    var lat = position.coords.latitude,
    var lng = position.coords.longitude,
    mevcutKonum = "[" +lng + "," +lat + "]";
    })
    }
    
    var lat = position.coords.latitude,
    var lng = position.coords.longitude,
    mevcutKonum = "[" +lng + "," +lat + "]";
    
    
    mapboxgl.accessToken = 'pk.eyJ1IjoibXVua2VyZXJrYWRhbSIsewqd3VnM25wY2w0emx1ZmNiIn0.eVBbzu4KJybcDsV-qCdsbQ';
    var map = new mapboxgl.Map({
    container: 'map',
    style: 'mapbox://styles/mapbox/streets-v11',
    center: mevcutKonum, // buraya mevcut konum yazdırılacak
    zoom: 9
    });
    
    
    map.on('mousemove', function(e) {
    
    var xAlanKordinati = JSON.stringify(e.point["x"]);
    var yAlanKordinati = JSON.stringify(e.point["y"]);
    var latKordinat = JSON.stringify(e.lngLat.wrap()["lat"]);
    var lngKordinat = JSON.stringify(e.lngLat.wrap()["lng"]);
    
    var zoomOrani = map.getZoom();
    var merkezOrani = map.getCenter();
    
    document.getElementById('zoom').innerHTML = "Zoom Oranı:" + zoomOrani; // ALAN 1
    document.getElementById('kordinat').innerHTML = "Kordinatlar: " + merkezOrani; // ALAN 2
    
    });

    Böyle dermisin birde
  • 02-02-2020, 22:11:58
    #8
    bybb35 adlı üyeden alıntı: mesajı görüntüle
    Yok ben yanlış anlmısım hocam sizin yazdıgınız kod çalılması lazım bir hata göremedim . mevcut konuma center olarak değişkene atamışsınız.




    var mevcutKonum = "";
    if (!navigator.geolocation) {
    alert('Tarayıcınız Geolocation desteği bulunmuyor.')
    }else{
    navigator.geolocation.getCurrentPosition(function (position) {
    var lat = position.coords.latitude,
    var lng = position.coords.longitude,
    mevcutKonum = "[" +lng + "," +lat + "]";
    })
    }
    
    var lat = position.coords.latitude,
    var lng = position.coords.longitude,
    mevcutKonum = "[" +lng + "," +lat + "]";
    
    
    mapboxgl.accessToken = 'pk.eyJ1IjoibXVua2VyZXJrYWRhbSIsewqd3VnM25wY2w0emx1ZmNiIn0.eVBbzu4KJybcDsV-qCdsbQ';
    var map = new mapboxgl.Map({
    container: 'map',
    style: 'mapbox://styles/mapbox/streets-v11',
    center: mevcutKonum, // buraya mevcut konum yazdırılacak
    zoom: 9
    });
    
    
    map.on('mousemove', function(e) {
    
    var xAlanKordinati = JSON.stringify(e.point["x"]);
    var yAlanKordinati = JSON.stringify(e.point["y"]);
    var latKordinat = JSON.stringify(e.lngLat.wrap()["lat"]);
    var lngKordinat = JSON.stringify(e.lngLat.wrap()["lng"]);
    
    var zoomOrani = map.getZoom();
    var merkezOrani = map.getCenter();
    
    document.getElementById('zoom').innerHTML = "Zoom Oranı:" + zoomOrani; // ALAN 1
    document.getElementById('kordinat').innerHTML = "Kordinatlar: " + merkezOrani; // ALAN 2
    
    });
    Böyle dermisin birde
    Maalesef hocam, aslında sorun şu;

     if(mevcutKonum == ""){
            var sa = 5;
            mapboxgl.accessToken = 'pk.eyJ1IjoibXVua2VyZXJrYWRhbSIsImEiOiJjazVtaHhoZDAwd3VnM25wY2w0emx1ZmNiIn0.eVBbzu4KJybcDsV-qCdsbQ';
            var map = new mapboxgl.Map({
                container: 'map',
                style: 'mapbox://styles/mapbox/streets-v11',
                center: [5,5], // buraya mevcut konum yazdırılacak
                zoom: 6
            });
         }else{
            mapboxgl.accessToken = 'pk.eyJ1IjoibXVua2VyZXJrYWRhbSIsImEiOiJjazVtaHhoZDAwd3VnM25wY2w0emx1ZmNiIn0.eVBbzu4KJybcDsV-qCdsbQ';
            var map = new mapboxgl.Map({
                
                container: 'map',
                style: 'mapbox://styles/mapbox/streets-v11',
                center: mevcutKonum, // buraya mevcut konum yazdırılacak
                zoom: 6
            });
         }
    center: mevcutKonum var, if ve else olarak ayırdım. Bakın sadece [5,5] gibi yazıldığında geliyor ama diğer türlü değişkeni sokunca maalesef gelmiyor.