$("#body_content").dialog({
title: "AAAa",
modal: true,
width:'auto',
height:'auto',
resizable:false,
open: function(){
var id = $('#right_button').attr('id');
var lat = $('#right_button').attr('lat');
var lng = $('#right_button').attr('lng');
var body_text = $('#body_content').attr('body_text');
$("#body_content").html(body_text); //this is the line that "breaks" the script
if (lat != "" && lng!=""){
if (map == null) {
var myOptions = {
zoom: 14,
center: new google.maps.LatLng(lat, lng),
mapTypeId: google.maps.MapTypeId.ROADMAP
};
var latLng = new google.maps.LatLng(lat,lng);
map = new google.maps.Map(document.getElementById('map_dialog'), myOptions);
var marker;
marker = new google.maps.Marker({
position: latLng,
map: map
});
}
}
else {
$('#map_dialog').hide();
}
}
私のコードでは、コンテンツを表示してダイアログにマップしようとしていますが$("#body_content").html(body_text);
、マップを使用すると表示されないため、この行を削除すると、マップに問題が表示されます。