internet explorer - Google Map with Api 3 not showing on mobile ie -


i've implemented map google api 3, works fine on every browser, android , ios phones, too. not on windows 8.1 phone mobile ie. isn't displayed - empty page :-( i've searched in google , here, found posts 2013 says, there problem windows phones , googlemaps. nothing newer. me have problem? here's code:

<!-- call api funktions --> <script>   function initialize() {     var mapoptions = {       center: new google.maps.latlng(50.2014, 8.5804 ),       zoom: 16,       maptypeid: google.maps.maptypeid.roadmap,       scrollwheel: false,       pancontrol: true,       draggable: false     };     var map = new google.maps.map(document.getelementbyid("map_canvas"),       mapoptions);     var marker = new google.maps.marker({       map: map,       position: new google.maps.latlng(50.2014, 8.5804 ),       title:"schmerzzentrum"     });     var contentstring = '<div id="mapinfo_box" style="color:#666;max-width:280px;">'+     '<h1 id="mapinfo_h1">schmerzzentrum</h1>'+     '<div id="mapinfo_body">'+     '<p style="font-size:16px;margin-bottom:15px;">rathausplatz 6 <br />61440 oberursel (taunus)</p>'+     '</div>';     var infowindow = new google.maps.infowindow({     content: contentstring     });     google.maps.event.addlistener(marker, 'click', function() {       infowindow.open(map,marker);     });   }    google.maps.event.adddomlistener(window, 'resize', initialize);   google.maps.event.adddomlistener(window, 'load', initialize) </script> 

i've tested other pages googlemap on , security warning mobile ie. when click "ignore , access page" nothing happens. on page just: nothing. code implemented in wordpress header.php. can help? lot!

i think might because of style sheet.

according this website,

ie needs know size of map ensure has been set

it should style sheet. somehow can not reproduce it. make demo code, added style sheet , somehow works, guess problem.

enter image description here


Comments

Popular posts from this blog

google chrome - Developer tools - How to inspect the elements which are added momentarily (by JQuery)? -

angularjs - Showing an empty as first option in select tag -

php - Cloud9 cloud IDE and CakePHP -