jQuery로드에 마커 아이콘이 표시되지 않습니다.

Question

jQuery.load()를 사용하여 div에이 페이지를로드하면 마커 아이콘이 표시되지 않습니다. 페이지가 다시로드되면 아이콘이 표시됩니다. 그것이 placeMarker 함수에 전달할 때 초기화되지 않은지도가 원인입니까? 그것을 해결하는 방법.

<script type="text/javascript"> 

var map; 
var markers = new Array();  
var marker; 

var infoWindow = new google.maps.InfoWindow(); 
function initialize() { 
    var myLatlng = new google.maps.LatLng(-6.19605333333333,106.79684); 
    var myOptions = { 
      zoom: 8, 
      center: myLatlng, 
      mapTypeId: google.maps.MapTypeId.ROADMAP 
    } 
    map = new google.maps.Map(document.getElementById("map_canvas"), myOptions); 

    google.maps.event.addListener(map, 'click', function(event) { 
     placeMarker(event.latLng); 
     fillPositionForm(event.latLng); 
    }); 
} 

function placeMarker(location) { 
    if (marker) { 
     marker.setPosition(location); 
    } else { 
     marker = new google.maps.Marker({ 
      position: location, 
      map: map, 
      animation: google.maps.Animation.DROP, 
      draggable: true 
     }); 
    } 
    google.maps.event.addListener(marker, 'dragend', function(event) { 
     clearOverlays(); 
     fillPositionForm(event.latLng); 
    }); 
} 

function fillPositionForm(location){    
    jQuery("#latitude").val(location.lat()); 
    jQuery("#longitude").val(location.lng()); 
} 

function clearOverlays() { 
    if (markers) { 
     for (i in markers) { 
      markers[i].setMap(null); 
     } 
    } 
} 

jQuery(document).ready(function() { 
    initialize(); 
    jQuery("#frmAddPoi").validate({ 
     messages: { 
      latitude: "Please click on map to select poi center position", 
      longitude: "Please click on map to select poi center position", 
     }, 
     submitHandler: function(form) { 
      return postForm(form, "savepoi", "listcustopoi", false, false); 
     } 
    }); 
}); 
</script> 
<div id="map_canvas" class="widgettitle" style="height:240px;"></div> 

Answer 1

로드() 성공 후 함수 Initialize()가 있어야합니다. 로드 된 페이지가 아닌 기본 페이지에서 자바 스크립트를 사용하는 것이 좋습니다. 또는 가장 쉬운 방법은 iFrame을 사용할 수 있습니다.

Answer 2

placeMarker을 사용하여 map.click 이벤트 수신기에 연결하고 있습니다.

google.maps.event.addListener(map, 'click', function(event) { 
    placeMarker(event.latLng); 
    fillPositionForm(event.latLng); 
}); 

지도를 호출 한 후에로드해야합니다.

map = new google.maps.Map(document.getElementById("map_canvas"), myOptions); 
    placeMarker(myLatlng); 

jsFiddle