title: Google Maps embed code not working
body: <p>I have 3 websites with this google maps code which is working fine:</p>
  
  <pre><code>&lt;script src="https://maps.googleapis.com/maps/api/js"&gt;&lt;/script&gt;
  &lt;script&gt;
  
  function initialize() {  
    var myLatlng = new google.maps.LatLng(38.7223956, -9.1358012);
    var mapOptions = {
      zoom: 16,
      center: myLatlng
    }
    var map = new google.maps.Map(document.getElementById('map-canvas'), mapOptions);
  
    var marker = new google.maps.Marker({
        position: myLatlng,
        map: map,
        title: 'Something'
    });
  }
  
  google.maps.event.addDomListener(window, 'load', initialize);
  &lt;/script&gt;
  &lt;style&gt;
      h1 { background:none; padding:0; }
      #map-canvas {
          width:100%;
          height:250px;        
        }
  &lt;/style&gt;
  
  &lt;div id="map-canvas"&gt;&lt;/div&gt;
  </code></pre>
  
  <p>It's working great also if I'm just putting it on an html file on my hard drive.
  Recently, I started a Wordpress project on my localhost and I don't know why but when I'm adding this code to my project I get this:</p>
  
  <p><a href="http://i.stack.imgur.com/a0Dos.jpg" rel="nofollow">Oops! Something went wrong</a></p>
  
  <p>Obviously I have already wordpress websites that working with the same exact code, I have no idea why suddenly I'm getting this message, It's unbelievable</p>