谷歌地图API3不返回地图？

Question

我试着在谷歌地图上做标记，基于输入，但是地图没有显示任何数据？

这是我的例子

$(document).ready(function() {

    /* google maps */

    google.maps.visualRefresh = true;
    var geocoder = new google.maps.Geocoder();
    var mapOptions = {
        zoom: 14, // set the zoom level manually
        zoomControl: false,
        scaleControl: false,
        scrollwheel: false,
        disableDoubleClickZoom: true,
        mapTypeId: google.maps.MapTypeId.ROADMAP
    };


    var map;

    function initialize() {
        var address = $('#map').text(); /* change the map-input to your address */
        map = new google.maps.Map(document.getElementById('map-canvas'), mapOptions);

        if (geocoder) {
            geocoder.geocode({
                'address': address
            }, function(results, status) {
                if (status == google.maps.GeocoderStatus.OK) {
                    if (status != google.maps.GeocoderStatus.ZERO_RESULTS) {
                        map.setCenter(results[0].geometry.location);

                        var infowindow = new google.maps.InfoWindow({
                            content: address,
                            map: map,
                            position: results[0].geometry.location,
                        });

                        var marker = new google.maps.Marker({
                            position: results[0].geometry.location,
                            map: map,
                            title: address
                        });

                    } else {
                        alert("No results found");
                    }
                }
            });
        }
    }
    google.maps.event.addDomListener(window, 'load', initialize);


});

<p id="map">
          Vojvode Dobrnjca, Belgrade
              </p>

<div id="map-canvas"></div>

Answer 1

你错过了center在mapOptions。您应该在geocoder函数中创建initialize变量。请参考这。我给你看了地图。