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