구글 지도 회색 공백으로 나오는 경우?
그누보드 게시판에서 사용하거나, page 폴더내에 php 로 새문서를 만들어 사용해도
아무런 문제가 없습니다.
잘나온다는거죠.
그런데, 이렇게 나올때가 있습니다.
검색해본바로는 css 문제라는데요.
감이 안와서 질문올립니다.
아래와 같이 사용하려는 이유는 단순하게 좌표값만 넘기고
그냥 지도를 띄울려고 하려고 합니다.
<body 에서 onload 이벤트 하지 않고 아무곳이나 표시되게끔 해볼려고 하거든요.
좌표값만 변수로 지정해서 예로, 100여개의 페이지마다 다른 위치를 지도 맵으로 표시하려고 합니다.
api 값을 사용하지 않고 사용한 지도입니다.(구글)
사용된 소스입니다.
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.6.4/jquery.min.js">
</script>
<script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=false">
</script>
<script type="text/javascript">
$(document).ready(function() {
var latlng = new google.maps.LatLng(37.56467559373184, 126.98386906497762);
var myOptions = {
zoom : 16,
center : latlng,
mapTypeId : google.maps.MapTypeId.ROADMAP
}
var map = new google.maps.Map(document.getElementById("map_canvas"), myOptions);
var marker = new google.maps.Marker({
position : latlng,
map : map
});
});
</script>
<div id="map_canvas" style="margin:25px; width: 93%; height: 380px;"></div>
아무런 문제가 없습니다.
잘나온다는거죠.
그런데, 이렇게 나올때가 있습니다.
검색해본바로는 css 문제라는데요.
감이 안와서 질문올립니다.
아래와 같이 사용하려는 이유는 단순하게 좌표값만 넘기고
그냥 지도를 띄울려고 하려고 합니다.
<body 에서 onload 이벤트 하지 않고 아무곳이나 표시되게끔 해볼려고 하거든요.
좌표값만 변수로 지정해서 예로, 100여개의 페이지마다 다른 위치를 지도 맵으로 표시하려고 합니다.
api 값을 사용하지 않고 사용한 지도입니다.(구글)
사용된 소스입니다.
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.6.4/jquery.min.js">
</script>
<script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=false">
</script>
<script type="text/javascript">
$(document).ready(function() {
var latlng = new google.maps.LatLng(37.56467559373184, 126.98386906497762);
var myOptions = {
zoom : 16,
center : latlng,
mapTypeId : google.maps.MapTypeId.ROADMAP
}
var map = new google.maps.Map(document.getElementById("map_canvas"), myOptions);
var marker = new google.maps.Marker({
position : latlng,
map : map
});
});
</script>
<div id="map_canvas" style="margin:25px; width: 93%; height: 380px;"></div>
첨부파일
|
댓글을 작성하시려면 로그인이 필요합니다.
댓글 2개
아무리 찾아도 모르겠더라구요 으엉.. ㅠㅠ