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
Post a Comment