this is a basic html file that loads a google map. my problem is, if this goes in to a php files as shown below, it does not load. can any one pls have a look?

<!DOCTYPE html>
    <meta name="viewport" content="initial-scale=1.0, user-scalable=no" />
    <style type="text/css">
      html { height: 100% }
      body { height: 100%; margin: 0; padding: 0 }
      #map-canvas { height: 100% }

    <script type="text/javascript"
    <script type="text/javascript">
      function initialize() {
        var mapOptions = {
          center: new google.maps.LatLng(-34.397, 150.644),
          zoom: 8,
        var map = new google.maps.Map(document.getElementById("map-canvas"),
      google.maps.event.addDomListener(window, 'load', initialize);
    <div id="map-canvas"/>
same thing in php

PHP Code:
echo "
    <script type=\"text/javascript\"
    <script type=\"text/javascript\">
      function initialize() {
        var mapOptions = {
          center: new google.maps.LatLng(-34.397, 150.644),
          zoom: 8,
        var map = new google.maps.Map(document.getElementById(\"map-canvas\"),
      google.maps.event.addDomListener(window, 'load', initialize);

 <div id=\"map-canvas\"/></div>