1
ファンシーボックスを使用してモーダルでGoogleマップを使用して場所のマップを表示しようとしていますが、GoogleマップのすべてのWebサービスにリクエストを行いますが、マップは表示しません。 HERESに私のコードGoogleマップはレンダリングされません
function show_map(options) {
var html = '<div id="map-canvas" style="width:100%; height=100%"></div>';
$.fancybox({
'width':550,
'height':450,
'content':html,
'modal' : false,
'transitionIn' : 'none',
'transitionOut': 'none',
'speedIn' : 300,
'speedOut' : 300,
'autoScale' : false,
'scrolling' : 'no',
'centerOnScroll':true,
'onComplete':function()
{
var myOptions = {
center: new google.maps.LatLng(options.lat,options.lng),
zoom: 8,
mapTypeId: google.maps.MapTypeId.ROADMAP
};
var map = new google.maps.Map(document.getElementById("map-canvas"), myOptions);
}
})
}
は私が見ChromeのDOMインスペクタを使用してモーダルを検査するときに生成されたHTMLが、マップは表示されません。 何が間違っている可能性がありますか?
大歓迎です! –