title: google map - error in iframe
body: <p>I'm using google map to...show map on my website.</p>
  
  <p>when I run the file (html) I see the map. when I run my website and call the map file from iframe I see 
  <a href="http://80.179.226.44/~israelig/sites/exmytrip/tempmap.php" rel="nofollow noreferrer">http://80.179.226.44/~israelig/sites/exmytrip/tempmap.php</a></p>
  
  <pre><code>error: "Oops! Something went wrong.
  This page didn't load Google Maps correctly. See the JavaScript console for technical details."
  </code></pre>
  
  <p><strong>IFRAME:</strong></p>
  
  <pre><code>    &lt;div id="map-canvas" class="col-md-6 col-xs-12"&gt;
          &lt;iframe style="border-radius: 5px; width: 100%;" frameborder="0" scrolling="no" marginheight="0" marginwidth="0" src="itinMap.html"&gt;&lt;/iframe&gt;
      &lt;/div&gt;  
  </code></pre>
  
  <p><strong>itinMap.html file:</strong></p>
  
  <pre><code>&lt;div id="map"&gt;&lt;/div&gt;
  
  
  &lt;script type="text/javascript" src="js/jquery-1.11.1.min.js"&gt;&lt;/script&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"&gt;
      $(document).ready(function () {
          var map;
          var elevator;
          var myOptions = {
              zoom: 5,
              center: new google.maps.LatLng(0, 0),
              mapTypeId: 'terrain'
          };
          map = new google.maps.Map($('#map')[0], myOptions);
  
          var addresses = ['rome', 'milan'];
  
          for (var x = 0; x &lt; addresses.length; x++) {
              $.getJSON('http://maps.googleapis.com/maps/api/geocode/json?address='+addresses[x]+'&amp;sensor=false', null, function (data) {
                  var p = data.results[0].geometry.location
                  var latlng = new google.maps.LatLng(p.lat, p.lng);
                  new google.maps.Marker({
                      position: latlng,
                      map: map
                  });
  
              });
          }
  
      });
  &lt;/script&gt;
  </code></pre>