I found a script that is working, partly..
<script type="application/x-javascript">
if (navigator.userAgent.indexOf('iPhone') != -1) {
addEventListener("load", function() {
setTimeout(hideURLbar, 0);
}, false);
}
function hideURLbar() {
window.scrollTo(0, 1);
}
</script>
It will hide the the url part but only if one removes the first
sentence about the viewport.
<!--<meta name="viewport" content="initial-scale=1., user-
scalable=no" />-->
Anyhow I end up with a large map eventhough I specify on style n the
map div the phones pixels:
if (navigator.userAgent.indexOf('iPhone') != -1) {
document.getElementById('map_canvas').style = "width:
640px; height: 960px";
}
So I did a check on the the available width and height
alert("bredd" +screen.availWidth +"höjd" + screen.availHeight);
I only get width 320 and height 460 .. is there a resolution loss if
you do not go with the meta tag??
<meta name="viewport" content="initial-scale=1., user-scalable=no" />
or is there some workaround? to rewrite the meta tag?
there is alot of wasted mapspace when not hiding the url bar!
--
You received this message because you are subscribed to the Google Groups
"Google Maps JavaScript API v3" group.
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.
