使用codeingiter和javascript显示带有标记的地图

2023年6月19日 233次阅读

我存储在我的数据库lat和lng中,并试图在我的视图中显示一个地图.但没有任何东西显示我的代码

<script>
var lat = <?php $property['LATITUDE']); ?>;
var long = <?php $property['LONGITUDE']); ?>;
var myCenter = new google.maps.LatLng(lat, long);
function initialize() {
    var map = new google.maps.Map(document.getElementById('map'), {
        center: myCenter,
        zoom: 16
    });
    var panorama = new google.maps.StreetViewPanorama(
        document.getElementById('pano'), {
            position: myCenter,
            pov: {
                heading: 34,
                pitch: 10
            }
        });
    map.setStreetView(panorama);
}
google.maps.event.addDomListener(window, 'load', initialize);
</script>
<div id="map" style="float:left; height:400px; width:49.5%;"></div>
<div id="pano" style="float:right; height:400px; width:49.5%;">></div>
</div>

我在这做错了什么？

我的模特

function get_single_property($id)
{
    $q = $this->db->select('*')->from('properties')->where('id', $id)->get();
    $results = $q->result_array();
    return $results;
}

最佳答案 我能看到的唯一问题,如果你是lat,lng当然在数据库中是正确的,你错过了这个：

var lat = <?php echo json_encode($property['LATITUDE']); ?>;
var long = <?php echo json_encode($property['LONGITUDE']); ?>;

您可能知道如果要传递数据需要打印数据,并且Javascript需要接受来自php的数据作为JSON对象.这就是我们添加json_encode的原因.

点赞