Google-Karte funktioniert nicht innerhalb FancyBox (lightbox)
Wie bekomme ich eine Google-Karte zu laden, innerhalb des Fancybox lightbox? Die Karte lädt Ordnung, wenn nicht in der lightbox. Ich bin nur mit den standard-Google-maps-code aus Ihrer Seite:
<html>
<body>
<div id="map_canvas" style="width:100px; height:100px;"></div>
</body>
<script type="text/javascript">
function initialize() {
var myLatlng = new google.maps.LatLng(-36.8804280598958,
174.811848958333);
var myOptions = {
zoom: 13,
center: myLatlng,
mapTypeId: google.maps.MapTypeId.ROADMAP,
panControl: false,
zoomControl: false,
scaleControl: true,
mapTypeControl: false,
scaleControl: false
}
var map = new
google.maps.Map(document.getElementById("map_canvas"), myOptions); }
function loadScript() {
var script = document.createElement("script");
script.type = "text/javascript";
script.src =
"http://maps.google.com/maps/api/js?sensor=false&callback=initialize";
document.body.appendChild(script); }
window.onload = loadScript;
</script>
</html>
- wahrscheinlich benötigen, um die Größe beim öffnen der lightbox. Gehen Sie zu jqueryui.com/demos/tabs und gehen Sie bis ganz unten. Sie sprechen über google maps. Könnte das gleiche problem hier.
Du musst angemeldet sein, um einen Kommentar abzugeben.
Schauen Sie sich diese tutorials: