Как использовать карты google api v3 в nyromodal

Question

Im пытается внедрить карту петь google maps api v3 в моем nyromodal box, но этого не происходит.

Я протестировал код без модального, и он работает, но когда я пытаюсь открыть его на ниромодаль, ничего не появляется.

Как я могу это сделать?

Answer 1

Ive только что понял, как это сделать!

1 - Вставьте код JS для Google на странице индекса с 'отн = "forceload"' и 'оборот = "показано"' в следующем виде:

<script type="text/javascript" src="http://maps.googleapis.com/maps/api/js?key=YOUR_API_KEY&sensor=false" rel="forceload" rev="shown"></script>

2 - Вы вставить код, который формирует карту внутри страницы модальной страницы следующим образом:

<script> 
    $(document).ready({ 
     var mylatlng = new google.maps.LatLng(latitude, longitude); 
     var mapProp = { 
      center: mylatlng, 
      zoom: 15, 
      mapTypeId: google.maps.MapTypeId.ROADMAP 
     }; 
     var map = new google.maps.Map(document.getElementById("briefmap"), mapProp); 
     var marker = new google.maps.Marker({ 
      position: mylatlng 
     }); 
    }); 
</script>