Google maps marker sorunu

30-04-2024, 14:47:28

Merhaba arkadaşlar. Veri tabanına kaydettiğim koordinatları işaretleyici ile harita üzerinde gösteremiyorum. Chrome konsolunu açtığımda da iki sorun ile karşılaşıyorum.
1. Koordinatları çekerken hata oluştu: SyntaxError: Unexpected token <!DOCTYPE ... is not valid JSON
2. İkinci hata faturalandırma yapmamı istiyor. Yalnız ben 25 bin gibi bir görüntüleme yapmadım. Bu sayılara kadar ücretsiz olması gerekli.
Kodlar aşağıda.

<div class="konum">
   <?php $genelbilgilersorgusu = "SELECT * FROM yenieklenenler WHERE yenieklenenler_id='$sayfaal'";
   $genelbilgilersorgu = mysqli_query($db, $genelbilgilersorgusu);
   foreach($genelbilgilersorgu as $genelbilgilersorgugoster) { ?>
      <div id="map" style="height: 400px; width: 100%;">
           <?php $coordinates[] = array($genelbilgilersorgugoster['yenieklenenler_latitude'], $genelbilgilersorgugoster['yenieklenenler_longitude']); ?>
      </div>
   <?php } json_encode($coordinates); ?>

.js kodları

    var map;
    var marker;
    function initMap() {
        map = new google.maps.Map(document.getElementById('map'), {
            center: {lat: 41.0082, lng: 28.9784},
            zoom: 6
        });
        fetch('yenieklenensayfasi.php')
            .then(response => response.json())
            .then(coordinates => {
                coordinates.forEach(coord => {
                    var newMarker = new google.maps.Marker({
                        position: {lat: parseFloat(coord.lat), lng: parseFloat(coord.lng)},
                        map: map
                    });
                });
            })
            .catch(error => {
                console.error('Koordinatları çekerken hata oluştu:', error);
            });
        map.addListener('click', function(event) {
            placeMarker(event.latLng);
        });
    }
    function placeMarker(location) {
        if (marker) {
            marker.setPosition(location);
        } else {
            marker = new google.maps.Marker({
                position: location,
                map: map
            });
        }
        document.getElementById('latitude').value = location.lat();
        document.getElementById('longitude').value = location.lng();
    }

21-06-2024, 22:28:05

MusaPekel

CodingStudent adlı üyeden alıntı: mesajı görüntüle

<div class="konum">
   <?php $genelbilgilersorgusu = "SELECT * FROM yenieklenenler WHERE yenieklenenler_id='$sayfaal'";
   $genelbilgilersorgu = mysqli_query($db, $genelbilgilersorgusu);
   foreach($genelbilgilersorgu as $genelbilgilersorgugoster) { ?>
      <div id="map" style="height: 400px; width: 100%;">
           <?php $coordinates[] = array($genelbilgilersorgugoster['yenieklenenler_latitude'], $genelbilgilersorgugoster['yenieklenenler_longitude']); ?>
      </div>
   <?php } json_encode($coordinates); ?>

.js kodları

    var map;
    var marker;
    function initMap() {
        map = new google.maps.Map(document.getElementById('map'), {
            center: {lat: 41.0082, lng: 28.9784},
            zoom: 6
        });
        fetch('yenieklenensayfasi.php')
            .then(response => response.json())
            .then(coordinates => {
                coordinates.forEach(coord => {
                    var newMarker = new google.maps.Marker({
                        position: {lat: parseFloat(coord.lat), lng: parseFloat(coord.lng)},
                        map: map
                    });
                });
            })
            .catch(error => {
                console.error('Koordinatları çekerken hata oluştu:', error);
            });
        map.addListener('click', function(event) {
            placeMarker(event.latLng);
        });
    }
    function placeMarker(location) {
        if (marker) {
            marker.setPosition(location);
        } else {
            marker = new google.maps.Marker({
                position: location,
                map: map
            });
        }
        document.getElementById('latitude').value = location.lat();
        document.getElementById('longitude').value = location.lng();
    }

<?php
$genelbilgilersorgusu = "SELECT * FROM yenieklenenler WHERE yenieklenenler_id='$sayfaal'";
$genelbilgilersorgu = mysqli_query($db, $genelbilgilersorgusu);
$coordinates = array();
foreach($genelbilgilersorgu as $genelbilgilersorgugoster) {
    $coordinates[] = array(
        'lat' => $genelbilgilersorgugoster['yenieklenenler_latitude'],
        'lng' => $genelbilgilersorgugoster['yenieklenenler_longitude']
    );
}
header('Content-Type: application/json');
echo json_encode($coordinates);
?>

async function initMap() {
    map = new google.maps.Map(document.getElementById('map'), {
        center: {lat: 41.0082, lng: 28.9784},
        zoom: 6
    });

    try {
        const response = await fetch('yenieklenensayfasi.php');
        const coordinates = await response.json();
        coordinates.forEach(coord => {
            const newMarker = new google.maps.Marker({
                position: {lat: parseFloat(coord.lat), lng: parseFloat(coord.lng)},
                map: map
            });
        });
    } catch (error) {
        console.error('Koordinatları çekerken hata oluştu:', error);
    }

    map.addListener('click', function(event) {
        placeMarker(event.latLng);
    });
}