구글 맵 onload를 body에서 빼버리려고 합니다
관련링크
본문
구글맵을 이용하려고 하는데요
body부분이 head.sub.php에 들어 있기 때문에
소스의
<body onload="initialize()">
<div id="map_canvas" style="width:600px; height:400px;"></div>
</body>
이부분이 문제가 되는데 구글링을 통해
<script type="text/javascript">
window.onload = function() {
initialize();
}
</script>
위에처럼 적용하면 된다는데 소스에 어떻게 적용해야 하는지 몰라서 질문드립니다
아래는 사용중인 소스 입니다
---------------------------------------------------------------------------------------------------------------
<script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=false&language=ko"></script>
<script>
function initialize() {
var myLatlng = new google.maps.LatLng(37.51619821, 127.1041016); // y, x좌표값
var mapOptions = {
zoom: 15,
center: myLatlng,
mapTypeId: google.maps.MapTypeId.ROADMAP
}
var map = new google.maps.Map(document.getElementById('map_canvas'), mapOptions);
var marker = new google.maps.Marker({
position: myLatlng,
map: map,
title: "회사이름"
});
var infowindow = new google.maps.InfoWindow(
{
content: "<h1>회사이름</h1>",
maxWidth: 300
}
);
google.maps.event.addListener(marker, 'click', function() {
infowindow.open(map, marker);
});
}
</script>
<body onload="initialize()">
<div id="map_canvas" style="width:600px; height:400px;"></div>
</body>
답변 3
<script>
$(function() {
initialize();
});
</script>
말그대로 body에있는 onload는 삭제합니다
그리고 적용할곳에
<script type="text/javascript">
window.onload = function() {
initialize();
}
</script>
이걸 붙여넣으시면됩니다
아까 말씀하신대로 했을때 에러가 났었는데 제가 뭘 잘못했었나 보네요 지금 다시해보니 잘되네요 ㄷㄷ
