Fixed
Status Update
Comments
fr...@gmail.com <fr...@gmail.com> #2
Interesting idea - I've shared your request with the team.
lu...@google.com <lu...@google.com> #3
Hey, thanks for considering this.
Of course, the idea could be applied to other places of the API as well, basically to all setter functions without
return value.
map.set_center(latLng).set_zoom(zoom);
marker.set_icon(foo).set_cursor(bar);
etc.
Of course, the idea could be applied to other places of the API as well, basically to all setter functions without
return value.
map.set_center(latLng).set_zoom(zoom);
marker.set_icon(foo).set_cursor(bar);
etc.
fr...@gmail.com <fr...@gmail.com> #4
At www.discoverydata.net84.net , I've uploaded async.htm which is Google's sample source for async loader with a small change to fully qualify the CSS reference. You can click that and see proper operation. I've also uploaded async.xhtml, which is async.htm modified to comply with XHTML syntax. That unfortunately is completely inoperable from www.discoverydata.net84.net , apparently because 000webhost.com is interfering with XHTML operation. I've also tried uploading the two files to frankjnatoli.embarqspace.com but that webhost is also interfering with XHTML operation. Would it be possible for you to use the attached files to demonstrate the problem?
cb...@google.com <cb...@google.com> #5
Thanks for the report.
cb...@google.com <cb...@google.com>
sh...@gmail.com <sh...@gmail.com> #6
SPLA
Description
<!DOCTYPE html>
<html>
<head>
<title>
Google Maps JavaScript API v3 Example: Asynchronous Map Simple
</title>
<meta name="viewport" content="initial-scale=1.0, user-scalable=no">
<meta charset="UTF-8">
<link href="
rel="stylesheet" type="text/css">
<script type="text/javascript">
function initialize() {
var myOptions = {
zoom: 8,
center: new google.maps.LatLng(-34.397, 150.644),
mapTypeId: google.maps.MapTypeId.ROADMAP
};
var map = new google.maps.Map(document.getElementById('map_canvas'),
myOptions);
}
function loadScript() {
var script = document.createElement('script');
script.type = 'text/javascript';
script.src = '
'callback=initialize';
document.body.appendChild(script);
}
window.onload = loadScript;
</script>
</head>
<body>
<div id="map_canvas"></div>
</body>
</html>
And here is the above, tweaked as minimally as possible to conform to XHTML. The map itself paints very nicely, but the controls at the upper left are duplicated, two sets of images, separated vertically by approximately 50 pixels. Same effect under both IE 9.0 and Safari 5.1.2:
<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "
<html xmlns="
<head>
<title>
Google Maps JavaScript API v3 Example: Asynchronous Map Simple
</title>
<meta name="viewport" content="initial-scale=1.0, user-scalable=no"/>
<meta charset="UTF-8"/>
<link href="
rel="stylesheet" type="text/css"/>
<script type="text/javascript">
function initialize() {
var myOptions = {
zoom: 8,
center: new google.maps.LatLng(-34.397, 150.644),
mapTypeId: google.maps.MapTypeId.ROADMAP
};
var map = new google.maps.Map(document.getElementById('map_canvas'),
myOptions);
}
function loadScript() {
var script = document.createElement('script');
script.type = 'text/javascript';
script.src = '
'callback=initialize';
document.body.appendChild(script);
}
window.onload = loadScript;
</script>
</head>
<body>
<div id="map_canvas"></div>
</body>
</html>
What is causing the duplication of the controls at the upper left of the screen?
My interest in XHTML is not academic. I am attempting to submit a product to the Apple iBookstore, which requires EPUB compliance, which requiress XHTML compliance. My product utilizes Google Maps, which operate perfectly under HTML but fail under XHTML. A forum suggestion to use the asynchronous loader for XHTML operation was helpful, but resulted in the double vision of the controls. Thanks.