title: How to pass the datastore value to javascript? i need to get data from the gae datastore and need to pass javascript
body: <p>am working with GAE using webapp2, python. 
  Now am working in google map using gae. Successfully done with multiple locations.</p>
  
  <pre><code>This is my JavaScript:
  ======================
  &lt;script type="text/javascript"&gt;
      var USER_POSITION;
      var DESTINATION_MARKER;
      var ALL_MARKERS = [];
  
      var coordinateArray = [
          {coordinates: new google.maps.LatLng(12.9345494,77.6115174), id: "forum", title: "Forum", address_details: Bengaluru&lt;br/&gt;Karnataka-560095"},
          {coordinates: new google.maps.LatLng(12.973584,77.611293), id: "central", title: "Central", address_details: Bengaluru&lt;br/&gt;Karnataka-560001"},
          {coordinates: new google.maps.LatLng(12.956534,77.701239), id: "busstop", title: "Marathahalli", address_details: Bengaluru&lt;br/&gt;Karnataka-560037"}
      ];
  &lt;/script&gt;
  </code></pre>
  
  <p>Here am using hardcode values. But i need to pass my datastore values.
  How do i pass those datastore values to my javascript. </p>
  
  <pre><code>This is my DBModel:
  ====================
  class MapModel(db.Model):
   Lattitude=db.StringProperty()
   Landitude=db.StringProperty()
   Id=db.StringProperty()
   Title=db.StringProperty()
   Address=db.StringProperty()
  </code></pre>
  
  <p>Kindly provide some example code. </p>
  
  <h1>My.js:</h1>
  
  <p>var mapProperty = new google.maps.Map(document.getElementById("example"), myOptions);</p>
  
  <pre><code>        for(var i in coordinateArray ) {
          var id = coordinateArray[i]['id'];
          var title = coordinateArray[i]['title'];
          var position = coordinateArray[i]['coordinates'];
          var address_details = coordinateArray[i]['address_details'];
  
          var boxText = [
                      '&lt;div class="info_box"&gt;',
                          ..info details..
                      '&lt;/div&gt;'
                      ].join(" ");
  
          var markerOptions = {
              animation: markerAnimation,
              position: coordinateArray[i]['coordinates'],
              icon: markerImage,
              map: mapProperty,
              html: boxText,
              id: id
          };
  </code></pre>