php - PHP と Google マップ マーカー

Question

Google マーカーが表示されない理由がわかりません。PHP と Java Script を使用しています。$DNB要素が含まれていることを確認しました。これが私のコードです：

while($DNB -> fetch())
{
?>
    var point  = new GLatLng(<?php echo intval($lat) ?>, <?php echo intval($lon) ?>);
    var marker = new google.maps.Marker({position: point, map:map});
<?php
}

Answer 1

あなたが提供したコードから、$DNB内部にコンテンツが含まれている可能性がありますが、 $lat と $lon が初期化されていないようです。

それでも問題が解決しない場合は、以下の実際の例を参照してください。

function initialize() {
    var myOptions = {
        zoom: 10,
        center: new google.maps.LatLng(0, 0),
        mapTypeId: google.maps.MapTypeId.ROADMAP
    }
    var map = new google.maps.Map(
        document.getElementById("map_canvas"),myOptions);
        setMarkers(map, beaches);
    }

    var beaches = [
                ['SANTA MONICA HEALTHCARE CENTER',34.0295,-118.481],
                ['BRENTWOOD NURSING & REHAB',34.0389,-118.47],
                ['FIRESIDE CONVALESCENT HOSPITAL',34.0218,-118.503],
                ['ARBOR VIEW REHAB AN WELLNESS CENTER',34.0291,-118.481],
                ['SEAPORT 17TH CARE CENTER',34.0272,-118.484],
                ['GOLDSTAR HEALTHCARE CTR SANTA MONICA',34.0256,-118.486],
                ['PACIFIC CONVALESCENT CENTER',34.0273,-118.484],
                ['GOOD SHEPHERD HEALTH CARE CENTER',34.0234,-118.49],
                ['BERKLEY WEST CONVALESCENT HOSPITAL',34.0272,-118.485],
                ['SANTA MONICA CONVALESCENT CENTER II',34.0241,-118.459],
                ['BERKLEY EAST CONVALESCENT HOSPITAL',34.0302,-118.481],
                ['SANTA MONICA CONVALESCENT CENTER I',34.0241,-118.459]
            ];

    function setMarkers(map, locations) {
        var bounds = new google.maps.LatLngBounds();
        for (var i = 0; i < locations.length; i++) {
            var beach = locations[i];
            var myLatLng = new google.maps.LatLng(beach[1], beach[2]);
            var marker = new google.maps.Marker({
            position: myLatLng,
            map: map,
            title: beach[0],
            zIndex: beach[3]
        });
        bounds.extend(myLatLng);
        map.fitBounds(bounds);
    }
}

google.maps.event.addDomListener(window, 'load', initialize);