I'm trying to make a restaurant locator app and can't get the markers to appear
<p>I'm trying to get markers for restaurants to drop on my map and it's not working. Any help would be appreciated. Do I need to add a query method? I am trying not too as I'm going to let the location be static when finished. Here is my relevant code,</p>

<pre><code>&lt;script&gt;
    var map;

    function initialize() {
        var center = new google.maps.LatLng(37.422, -122.084058);
        map = new google.maps.Map(document.getElementById('map'), {
            center: center,
            zoom: 13
        });

        var request = {
            location: center,
            radius: 8047,
            types: ['restaurant']
        };

        var service = new google.places.PlaceService(map);

        service.nearbySearch(request, callback);
    }

    function callback(results, status) {
        if (status == google.maps.places.PlacesServiceStatus.OK) {
            for (var i = 0; i &lt; results.length; i++) {
                createMarker(results[i]);
            }
        }
    }

    function createMarker(place) {
        var placeLoc = place.geometry.location;
        var marker = new google.maps.Marker({
            map: map,
            position: place.geometry.location
        });

    }

    google.maps.event.addDomListener(window, 'load', initialize);
&lt;/script&gt;
</code></pre>