Javascript Google Map无效

时间:2016-01-14 04:13:24

标签: javascript google-maps

我是Google Maps api及其库的新手。我想知道为什么我没有在我的页面中看到地图。

这是代码:

<script src="http://maps.googleapis.com/maps/api/js?v=3"></script>
    <script>
        var latlong = new google.maps.LatLng(-0.179041, -78.499211);
        console.log(latlong);
        var mapOptions = {
            zoom: 13,
            center: latlong,
            disableDefaultUI: false,
            navigationControl: false,
            mapTypeControl: false,
            scrollwheel: false,
            mapTypeId: google.maps.MapTypeId.ROADMAP
        };

        var map = new google.maps.Map(document.getElementById('city_map'),
                mapOptions);
        console.log(map);
        google.maps.event.trigger(map, 'resize');
        map.setZoom(map.getZoom());

        var marker = new google.maps.Marker({
            position: latlong,
            map: map,
            title: "Test"
        });
</script>

你知道我console.logging latlongmap,它们看起来很好..无论如何,我希望它不是非常明显的。

1 个答案:

答案 0 :(得分:2)

你没有高度和宽度附加到div,这就是原因。看看这个小提琴。

$sorgu = mysqli_query($tablo);

https://jsfiddle.net/dm7j7494/1/