Re: [Google Maps API v3] Re: XHTML versus HTML

Mon, 23 Jan 2012 11:22:06 -0800 

Perhaps I spoke a little too soon. Yes, async loading of the Maps API 
allows the calls from XHTML to the Maps API to function properly. And the 
map itself, and marker, and infoWindow that I generate work just fine. But 
the special controls on the upper left, the 
up/down/left/write/zoom-in/zoom-out, appear twice, the two sets separated 
vertically by maybe 50 pixels. Something is painting the controls, but only 
the controls, twice. Below is the code. Note it was necessary to 
amperand-escape various characters to please XML.
 
<?xml version="1.0" encoding="UTF-8"?>
<!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"; xml:lang="en" lang="en" 
xmlns:epub="http://www.idpf.org/2007/ops"; 
xmlns:v="urn:schemas-microsoft-com:vml">
<head>
<meta name="viewport" content="initial-scale=1.0, user-scalable=no"/>
<meta http-equiv="content-type" content="text/html; charset=UTF-8"/>
<title>Stavelot, Tiger 222</title>
<link href="default.css" rel="stylesheet" type="text/css"/>
<script type="text/javascript">
  function initialize() {
    // South side of Ambleve Bridge, Stavelot
    var myLatlng = new google.maps.LatLng(50.391652,5.932534);
    var myOptions = {
      zoom: 17,
      center: myLatlng,
      mapTypeId: google.maps.MapTypeId.ROADMAP
    }
    var map = new google.maps.Map(document.getElementById("map_canvas"), 
myOptions);
    var contentString = '&lt;div id="content"&gt;'+
        '&lt;p&gt;LAH Tiger number 222 knocked out on south side of 
Stavelot bridge, 19th December 1944. GPS N50.391652&deg; 
E5.932534&deg;&lt;/p&gt;'+
        '&lt;/div&gt;';
    var infowindow = new google.maps.InfoWindow({
        content: contentString
    });
    var marker = new google.maps.Marker({
        position: myLatlng,
        map: map,
        title: 'P93'
    });
    google.maps.event.addListener(marker, 'click', function() {
      infowindow.open(map,marker);
    });
  }
  function loadScript() {
    var script = document.createElement('script');
    script.type = 'text/javascript';
    script.src = 
'http://maps.googleapis.com/maps/api/js?sensor=false&amp;callback=initialize';
    document.body.appendChild(script);
  }
  window.onload = loadScript;
</script>
</head>
<body>
<div id="map_canvas">
</div>
</body>
</html>

-- 
You received this message because you are subscribed to the Google Groups 
"Google Maps JavaScript API v3" group.
To view this discussion on the web visit 
https://groups.google.com/d/msg/google-maps-js-api-v3/-/FI4cozSmAokJ.
To post to this group, send email to google-maps-js-api-v3@googlegroups.com.
To unsubscribe from this group, send email to 
google-maps-js-api-v3+unsubscr...@googlegroups.com.
For more options, visit this group at 
http://groups.google.com/group/google-maps-js-api-v3?hl=en.

Reply via email to