채택완료

구글 맵 onload를 body에서 빼버리려고 합니다

2018-06-14 (목) 14:19:21 2,755

구글맵을 이용하려고 하는데요

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개

채택된 답변
+20 포인트
2018-06-14 (목) 16:01:19
Copy
<script>

$(function() {

  initialize();

});

</script>

아까 말씀하신대로 했을때 에러가 났었는데 제가 뭘 잘못했었나 보네요 지금 다시해보니 잘되네요 ㄷㄷ

말그대로 body에있는 onload는 삭제합니다

그리고 적용할곳에

<script type="text/javascript">
  window.onload = function() {
    initialize();
  }
</script>

이걸 붙여넣으시면됩니다

답변을 작성하려면 로그인이 필요합니다.