title: XMLHttpRequest cannot load, No 'Access-Control-Allow-Origin' header is present on the requested resource
body: <blockquote>
    <p>XMLHttpRequest cannot load <a href="http://maps.googleapis.com/maps/api/distancematrix/xml?origins=Affenhausen&amp;destinations=Achenkirch&amp;mode=driving&amp;language=de-DE&amp;sensor=false" rel="nofollow noreferrer">http://maps.googleapis.com/maps/api/distancematrix/xml?origins=Affenhausen&amp;destinations=Achenkirch&amp;mode=driving&amp;language=de-DE&amp;sensor=false</a>. No 'Access-Control-Allow-Origin' header is present on the requested resource. Origin 'null' is therefore not allowed access. </p>
  </blockquote>
  
  <p>The Javascript code is as</p>
  
  <pre><code>function distanceCalc(){
      start_location = $('select.start option:selected').val();
      target_location = $('select.end option:selected').val();
      $.get('http://maps.googleapis.com/maps/api/distancematrix/xml?origins='+start_location+'&amp;destinations='+target_location+'&amp;mode=driving&amp;language=de-DE&amp;sensor=false', function(data) {
  </code></pre>
  
  <p>DreamWeaver works, but when I open it via a browser, I get the same error.</p>