title: How to render local geojson file on google map in javascript?
body: <p>I am working on a web app to display geospatial data on a google map. I am using google maps java script api v3. How can i load a geojson file on my local machine on the map?</p>
  
  <pre><code>&lt;!DOCTYPE html&gt;
  &lt;html&gt;
    &lt;head&gt;
      &lt;title&gt;Data Layer: Simple&lt;/title&gt;
      &lt;meta name="viewport" content="initial-scale=1.0, user-scalable=no"&gt;
      &lt;meta charset="utf-8"&gt;
      &lt;style&gt;
        html, body, #map-canvas {
          height: 100%;
          margin: 0px;
          padding: 0px
        }
      &lt;/style&gt;
      &lt;script src="https://maps.googleapis.com/maps/api/js?v=3.exp&amp;signed_in=true"&gt;&lt;/script&gt;
      &lt;script&gt;
  var map;
  function initialize() {
    // Create a simple map.
    map = new google.maps.Map(document.getElementById('map-canvas'), {
      zoom: 4,
      center: {lat: -28, lng: 137.883}
    });
  
    // Load a GeoJSON from the same server as our demo.
    map.data.loadGeoJson('https://storage.googleapis.com/maps-devrel/google.json');
  
  
  google.maps.event.addDomListener(window, 'load', initialize);
  
      &lt;/script&gt;
  
  
    &lt;/head&gt;
    &lt;body&gt;
      &lt;div id="map-canvas"&gt;&lt;/div&gt;
    &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  
  <p>using this code i can load a geojson file on the same domian. I want to do this for a geojson file in my local machine</p>