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