title: Google Maps API data.setStyle not showing icons on map
body: <p>I'm trying to create a little app using the Google Maps JS API. I'm using the data layer to load a bunch of points from a GeoJSON file. The file seems to be loading properly, and the map is displaying, but the icons that are set in the map.data.setstyle() won't show... </p>
  
  <p>Below is my HTML, CSS, and JS. I've been looking at this for 2 days, and I can't figure out what's going wrong. Thank you in advance!</p>
  
  <p>HTML</p>
  
  <pre><code>&lt;body&gt;
    &lt;div id="map-canvas"&gt;&lt;/div&gt;
  &lt;/body&gt;
  </code></pre>
  
  <p>CSS</p>
  
  <pre><code>html {
    height: 100%
  }
  
  body {
    height: 100%;
    margin: 0;
    padding: 0
  }
  
  #map-canvas {
    height: 100%
  }
  </code></pre>
  
  <p>JS</p>
  
  <pre><code>$(document).ready(function() {
    var map;
  
    function initialize() {
      var mapOptions = {
        center: new google.maps.LatLng(37.000, -120.000),
        zoom: 7
      };
  
      map = new google.maps.Map(document.getElementById("map-canvas"),
          mapOptions);
  
      map.data.loadGeoJson('/map.json');
      map.data.setStyle(function(feature) {
        var theaterName = feature.getProperty('name');
        return {
          icon: "https://maps.gstatic.com/mapfiles/ms2/micons/marina.png",
          visible: true,
          clickable: true,
          title: theaterName
        };
      });
    }
    google.maps.event.addDomListener(window, 'load', initialize);
  
  });
  </code></pre>
  
  <p>JSON</p>
  
  <pre><code>{
    "type": "FeatureCollection",
    "features": [
    {
     "type": "Feature", 
     "properties": {
     "rentrak_id": "9183", "name": "Palm Theatre", "address": "817 Palm St, San Luis Obispo, CA"},
    "geometry": {
      "type": "Point",
      "coordinates": [35.2815558, -120.6638196]
    }
  },
  {
  "type": "Feature", 
  "properties": {
    "rentrak_id": "8961", "name": "King City 3", "address": "200 Broadway St, King City, CA"},
  "geometry": {
    "type": "Point",
    "coordinates": [36.21372, -121.1261771]
  }
  },
  {"type": "Feature", "properties": {
  "rentrak_id": "5549", "name": "Van Buren 3 DI", "address": "3035 Van Buren Blvd, Riverside, CA"},
  "geometry": {
  "type": "Point",
  "coordinates": [33.9113137, -117.4364228]
  }},
  {"type": "Feature", "properties": {
  "rentrak_id": "990802", "name": "CGV Cinemas LA", "address": "621 S Western Ave, Los Angeles, CA"},
  "geometry": {
  "type": "Point",
  "coordinates": [34.0626656, -118.3093961]
  }},
  {"type": "Feature", "properties": {
  "rentrak_id": "5521", "name": "Rancho Niguel 7", "address": "25471 Rancho Niguel Rd, Laguna Niguel, CA"},
  "geometry": {
  "type": "Point",
  "coordinates": [33.5560509, -117.68533]
  }}]}
  </code></pre>
  
  <p><strong>EDIT::</strong></p>
  
  <p>So, my script is working when I use this file: <a href="http://earthquake.usgs.gov/earthquakes/feed/geojsonp/2.5/week" rel="noreferrer">http://earthquake.usgs.gov/earthquakes/feed/geojsonp/2.5/week</a> </p>
  
  <p>Which makes me think there is something wrong with my local json file... However when I step through the javascript, I can look at each feature and check for the properties and geometries, and they seem to be correctly loaded into the google.maps.feature objects. So, I still have no idea why the points wouldn't be showing up.</p>