헤더가 이미로드 된 경우 Google지도가로드됩니다.

컨트롤러를 호출 할 때 머리글, 바닥 글이로드되는 codeigniter 프로젝트가 있습니다. 그래서 헤더가로드 된 후지도를 클릭하면 텍스트 상자에 위도와 경도를 얻기 위해 Google지도를 추가하고 싶습니다. 현재 나는 codeigniter 밖에서 이것을 할 수있다. 그러나 헤더가로드 된 후에는 CI 내부에서이를 수행 할 수 없습니다. 내가 생각하기 때문에 Google은 창로드 함수를 사용하여지도를 초기화합니다. DOM이 준비가되면헤더가 이미로드 된 경우 Google지도가로드됩니다.

<head> 
<!-- Some js files loaded here when controller construct --> 
</head> 
<body> 

<script src="https://maps.googleapis.com/maps/api/js?sensor=false" type="text/javascript"></script> 
</head> 
<script type="text/javascript"> 
var map; 
function initialize() { 
var myLatlng = new google.maps.LatLng(40.713956,-74.006653); 

var myOptions = { 
    zoom: 8, 
    center: myLatlng, 
    mapTypeId: google.maps.MapTypeId.ROADMAP 
} 

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

var marker = new google.maps.Marker({ 
    draggable: true, 
    position: myLatlng, 
    map: map, 
    title: "Your location" 
}); 

google.maps.event.addListener(map,'click',function(event) { 
    document.getElementById("latbox").value = event.latLng.lat(); 
    document.getElementById("lngbox").value = event.latLng.lng(); 
}) 

google.maps.event.addListener(marker, 'click', function (event) { 
    document.getElementById("latbox").value = this.getPosition().lat(); 
    document.getElementById("lngbox").value = this.getPosition().lng(); 
}); 
} 
google.maps.event.addDomListener(window, 'load', initialize); 
</script> 

<div id="map_canvas" style="width:50%; height:50%"></div>

출처

2014-07-22 Dushan

당신은 jQuery를 사용하는 경우, 초기화합니다

$(document).ready(function(){ 
    // here paste google maps code 
});

지도 같은 것을 시도

는

출처

2014-07-22 07:47:54 turson

나는 이것을 시도하고 감사했다 – Dushan

헤더가 이미로드 된 경우 Google지도가로드됩니다.

답변

관련 문제