Google Maps API v3 *broken* in Safari 6.0.2 -


i have straightforward google maps implementation running in chrome on mac. yet - not working on mobile implementation cross-browser fixes, , have discovered map not displaying / functioning, let alone markers , infowindows should showing up. native zoom tool never displays , can't click anywhere on map or drag it.

i've been googling , googling not turning up. hints or appreciated (while realizing not code question - yet).

i discovered prob on own app, tested using google's 'hello world' maps api, , it's same issue:

<!doctype html>   <html>     <head>       <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% }       </style>       <script type="text/javascript"         src="https://maps.googleapis.com/maps/api/js?key=aizasydsh0tshl1dqbwi0-xfuqkuezongxlt39k&sensor=false">       </script>       <script type="text/javascript">         function initialize() {           var mapoptions = {             center: new google.maps.latlng(-34.397, 150.644),             zoom: 8,             maptypeid: google.maps.maptypeid.roadmap           };           var map = new google.maps.map(document.getelementbyid("map-canvas"),             mapoptions);       }       google.maps.event.adddomlistener(window, 'load', initialize);       </script>     </head>     <body>       <div id="map-canvas"/>     </body>   </html> 

your map doesn't have defined size. need specify both height , width, either percent parent element has size or define size of div. if size isn't defined zero.


Comments

Popular posts from this blog

monitor web browser programmatically in Android? -

Shrink a YouTube video to responsive width -

wpf - PdfWriter.GetInstance throws System.NullReferenceException -