Hi Monks, I hope someone can help me with a problem I've been writing dynamically generated HTML/Javascript connecting to the Google Maps API 3. Basically, I'm writing the code (HTML/Javascript) to the browser but the map just won't render. However, if I save what I've written to a physical HTML file, the map renders. Does anyone know what could be wrong with the following: ----------------------------------------- 
    print "Content-Type: text/html\n\n";

    print "<!DOCTYPE html PUBLIC \"-//W3C//DTD XHTML 1.0 Strict//EN\"\
+"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd\">

        <html xmlns=\"http://www.w3.org/1999/xhtml\" lang=\"en\">
        <head>
        <meta http-equiv=\"Content-Type\" content=\"text/html; charset
+=utf-8\" />
        <title>$page_title</title>
        <link rel=\"stylesheet\" href=\"style.css\" type=\"text/css\" 
+media=\"all\" />
        <script type=\"text/javascript\" src=\"http://maps.google.com/
+maps/api/js?sensor=false\"></script>

    ";


    my $single_point_javascript = "

    <script type=\"text/javascript\">

    (function () {
      
        window.onload = function () {

            // Creating an object literal containing the properties
                // we want to pass to the map

            var options = {
                      
                zoom: 12,
                center: new google.maps.LatLng(40.7257, -74.0047),
                mapTypeId: google.maps.MapTypeId.ROADMAP

            };  // end options

            // Creating the map
        
            var map = new google.maps.Map(document.getElementById('map
+'), options);
    
            // Adding a marker to the map

            var marker = new google.maps.Marker({

                position: new google.maps.LatLng(40.7257, -74.0047),
                map: map,
                title: 'Click me',
                icon: 'http://gmaps-samples.googlecode.com/svn/trunk/m
+arkers/blue/blank.png'
    
            }); // end marker

          }; // end window onload

    }) ();  // end initial function

    </script>

";



    print $single_point_javascript;

    print "\n</head>\n<body>\n<div id=\"map\"></div>\n</body>\n</html>
+\n";

[download]
----------------------------------------- Thanks Chris

In reply to Perl generated Google Maps Javascript won't work by Chris K

Title:
Use:  <p> text here (a paragraph) </p>
and:  <code> code here </code>
to format your post, it's "PerlMonks-approved HTML":


  • Posts are HTML formatted. Put <p> </p> tags around your paragraphs. Put <code> </code> tags around your code and data!
  • Titles consisting of a single word are discouraged, and in most cases are disallowed outright.
  • Read Where should I post X? if you're not absolutely sure you're posting in the right place.
  • Please read these before you post! —
  • Posts may use any of the Perl Monks Approved HTML tags:
    a, abbr, b, big, blockquote, br, caption, center, col, colgroup, dd, del, details, div, dl, dt, em, font, h1, h2, h3, h4, h5, h6, hr, i, ins, li, ol, p, pre, readmore, small, span, spoiler, strike, strong, sub, summary, sup, table, tbody, td, tfoot, th, thead, tr, tt, u, ul, wbr
  • You may need to use entities for some characters, as follows. (Exception: Within code tags, you can put the characters literally.)
            For:     Use:
    & &amp;
    < &lt;
    > &gt;
    [ &#91;
    ] &#93;
  • Link using PerlMonks shortcuts! What shortcuts can I use for linking?
  • See Writeup Formatting Tips and other pages linked from there for more info.