troubleshooting Question

How do you change the font size for Google Maps local search results?

Avatar of jpetzel
jpetzel asked on
2 Comments1 Solution616 ViewsLast Modified:
I have a google map on my site that shows nearby resteraunts and bars.
How do I change the font size for the list of resteraunts that shows up underneath the map?

    <meta http-equiv="content-type" content="text/html; charset=utf-8"/>
    <script src=""></script>
    <script type="text/javascript">
    *  How to build a Google Map and bind a SearchControl to it and put markers
    *  on the map for each result we receive.
    // First, we have to load the APIs.
    google.load('maps' , '2');
    google.load('search' , '1');
    // Global variables we will set in OnLoad
    var map;
    var searcher;
    // Second, we set up our function, OnLoad
    function OnLoad() {
      // Get the content div and clear it's current contents.
      var contentDiv = document.getElementById('content');
      contentDiv.innerHTML = ''; // Clear any content currently in the Div
      // Next thing we have to do is build two divs to hold our stuff
      var mapContainer = document.createElement('div'); // build the map div = '550px'; // set the map height = '550px'; // set the map width
      var controlContainer = document.createElement('div'); // build the control div = '550px'; // set the control width
      // Now we have to add these divs to the content div in the document body
      // We're ready to build our map...
      map = new google.maps.Map2(mapContainer);
      // ...and add a couple of controls.
      map.addControl(new google.maps.SmallMapControl()); // Add a small map control
      map.addControl(new google.maps.MapTypeControl()); // Add the map type control
      // We'll wait to the end to actually initialize the map
      // So let's build the search control
      var searchControl = new;
      // Initialize a LocalSearch instance
      searcher = new; // create the object
      searcher.setCenterPoint(map); // bind the searcher to the map
      // Create a SearcherOptions object to ensure we can see all results
      var options = new; // create the object
      // Add the searcher to the SearchControl
      searchControl.addSearcher(searcher , options);
     // And second, we need is a search complete callback!
      searchControl.setSearchCompleteCallback(searcher , function() {
        var results = searcher.results; // Grab the results array
        // We loop through to get the points
        for (var i = 0; i < results.length; i++) {
          var result = results[i]; // Get the specific result
          var markerLatLng = new google.maps.LatLng(parseFloat(,
          var marker = new google.maps.Marker(markerLatLng); // Create the marker
          // Bind information for the infoWindow aka the map marker popup
          result.marker = marker; // bind the marker to the result
          map.addOverlay(marker); // add the marker to the map
        // Store where the map should be centered
        var center =;
        // Calculate what the zoom level should be
        var ne = new google.maps.LatLng(,
        var sw = new google.maps.LatLng(,
        var bounds = new google.maps.LatLngBounds(sw, ne);
        var zoom = map.getBoundsZoomLevel(bounds, new google.maps.Size(550, 550));
        // Set the new center of the map
        // parseFloat converts the lat/lng from a string to a float, which is what
        // the LatLng constructor takes.
        map.setCenter(new google.maps.LatLng(parseFloat(,
      // Draw the control
      // Set the map's center point and finish!
      map.setCenter(new google.maps.LatLng(37.443915 , -122.163610), 11);
     // Execute an initial search
    searchControl.execute('category:"$srch" loc: $city,$state($name)');

Our community of experts have been thoroughly vetted for their expertise and industry experience.

Join our community to see this answer!
Unlock 1 Answer and 2 Comments.
Start Free Trial
Learn from the best

Network and collaborate with thousands of CTOs, CISOs, and IT Pros rooting for you and your success.

Andrew Hancock - VMware vExpert
See if this solution works for you by signing up for a 7 day free trial.
Unlock 1 Answer and 2 Comments.
Try for 7 days

”The time we save is the biggest benefit of E-E to our team. What could take multiple guys 2 hours or more each to find is accessed in around 15 minutes on Experts Exchange.

-Mike Kapnisakis, Warner Bros