title: How can I read the json data from json file in google map api
body: <p>I am  trying to make a  google map api with markers, which  will show the latitude and longitude of some places.I am trying to do this with json file but it is not working..
  here is my code ..</p>
  
  <pre><code>&lt;!DOCTYPE html&gt;
  &lt;html&gt;
  &lt;head&gt;
      &lt;meta http-equiv="Content-Type" content="text/html; charset=UTF-8"&gt;
      &lt;title&gt;Cluster Map&lt;/title&gt;
  
      &lt;script src="http://maps.google.com/maps/api/js?sensor=false" type="text/javascript"&gt;&lt;/script&gt;
      &lt;script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"&gt;&lt;/script&gt;
      &lt;script src="http://google-maps-utility-library-v3.googlecode.com/svn/trunk/markerclusterer/src/markerclusterer.js" type="text/javascript"&gt;&lt;/script&gt;
  
      &lt;script type="text/javascript"&gt;
          var map;
          var markers = [];
  
          function initialize() {
              geocoder = new google.maps.Geocoder();
              var center = new google.maps.LatLng(43.474144,-112.03866);
              map = new google.maps.Map(document.getElementById('map'), {
                  zoom: 7,
                  center: center,
                  mapTypeId: google.maps.MapTypeId.ROADMAP
              });
              markMultiple();
          }
  
          function markMap(latLng, content){
              var marker = new google.maps.Marker({
                  position: latLng
              });
              google.maps.event.addListener(marker, 'click', function() {
                  infowindow.setContent(content);
                  infowindow.open(map, marker);
              });
  
              markers.push(marker);
          }
          function markMultiple(){
              $.parseJSON('test.json', function(data) {
                  $.each(data.markers, function(i, obj) {
                      var latLng =  new google.maps.LatLng(obj.lat,obj.lng);
                      var content = obj.id + ':' + obj.lat + ',' + obj.lng;
  
                      markMap(latLng, content);
                  });
              });
  
  
               var markerCluster = new MarkerClusterer(map, markers);
          }
  
  
  
          google.maps.event.addDomListener(window, 'load', initialize);
      &lt;/script&gt;
  &lt;/head&gt;
  &lt;body&gt;
      &lt;div id="map-container"&gt;
          &lt;div id="map"&gt;&lt;/div&gt;
      &lt;/div&gt;
  &lt;/body&gt;
  </code></pre>
  
  <p> 
  please help me..</p>