Google Maps API data.setStyle not showing icons on map <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="nofollow">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>