title: Open Google map in Jquery
body: <p>i have 3 pages, one is html that show data from php page, and php page that process data and get data from data base, the last one is js page.</p>
  
  <p>my problem is i have Google map code in php page, and i wont to print it in html page. </p>
  
  <p>now i send it by jquery and open it in html page, but it is not work ??? why.</p>
  
  <p>if i copy code from php page and past it in html page, the Google map will be open... so where is problem ?</p>
  
  <pre><code>&lt;style&gt;
        #map-canvas {
          height: 100%;
          margin: 0px;
          padding: 0px
        }
      &lt;/style&gt;&lt;script src='https://maps.googleapis.com/maps/api/js?v=3.exp&amp;sensor=false'&gt;&lt;/script&gt;
      &lt;script&gt;
  function initialize() {
    var myLatlng = new google.maps.LatLng(24.701564296830245,46.76211117183027);
    var mapOptions = {
      zoom: 4,
      center: myLatlng,
      mapTypeId: google.maps.MapTypeId.ROADMAP
    }
    var map = new google.maps.Map(document.getElementById('map-canvas'), mapOptions);
  
    var marker = new google.maps.Marker({
        position: myLatlng,
        map: map,
        title: 'Hello World!'
    });
  }
  
  google.maps.event.addDomListener(window, 'load', initialize);
  
      &lt;/script&gt;
  &lt;div id='map-canvas'&gt;&lt;/div&gt;
  </code></pre>