네이버 지도 API 3.0 응용중인데요 채택완료
사이트에서 네이버 지도를 추출하는 로직을 가져와서 살펴보고 있는데
무엇이 부족한지 지도가 보이지 않습니다.
잘보이는거 : http://test3.happyjung.com/page/company_map.php
안보이는거 : http://www.happyjung.com/demo/map/naver.php
<?php
$clientId = "네이버_지도API_Client ID";
?>
<script type="text/javascript" src="https://openapi.map.naver.com/openapi/v3/maps.js?clientId=<?php echo $clientId; ?>&submodules=geocoder"></script>
<script type="text/javascript" >
var strNaverMapKey="<?php echo clientId; ?>";
</script>
<script>
function multi_naverMap(divID, x, y, store_name) {
var oPoint = new naver.maps.Point(37.6238066, 127.0732484);
$("#"+divID).width("100%");
$("#"+divID).height("100%");
oSize = new naver.maps.Size($("#"+divID).width(), $("#"+divID).height());
var oMap = new naver.maps.Map(divID ,{
center : oPoint,
zoom : 12,
scrollWheel : true,
draggable : true,
disableDoubleClickZoom : false,
mapTypeControl: false,
minZoom : 1,
maxZoom : 14,
size : oSize,
zoomControl : true,
zoomControlOptions : {
position: naver.maps.Position.TOP_RIGHT
}
});
var iSize = new naver.maps.Size(65, 76);
var iOffset = new naver.maps.Size(14, 37);
var viewMap = function (x, y, storename){
var oPoint = new naver.maps.Point(x, y);
var oMarker = new naver.maps.Marker({
title : storename,
position : oPoint,
icon : {
content : '<img src="http://t1.daumcdn.net/localimg/localimages/07/mapapidoc/marker_red.png">',
size : iSize,
anchor : iOffset
}
});
if(typeof oMap === 'undefined'){
setTimeout("viewMap('"+x+"','"+y+"','"+idx+"','"+storename+"')","3000");
} else {
oMarker.setMap(null);
oMap.setCenter(oPoint);
oMarker.setMap(oMap);
naver.maps.Event.addListener(oMarker, 'click', function(e) {
var oTarget = e.overlay;
oMap.setCenter(oTarget.getPosition());
});
}
};
$(window).bind('resize', function () {
$("#"+divID).width("100%");
$("#"+divID).height("100%");
oMap.setSize(new naver.maps.Size($("#"+divID).width(),$("#"+divID).height()));
});
viewMap(x, y, store_name);
}
</script>
<script>
multi_naverMap("naverMap1", 37.5609532, 126.9795368, "서울시청");
multi_naverMap("naverMap2", 37.4909482, 127.029279, "에스아이알");
</script>
답변 4개
답변에 대한 댓글 2개
댓글을 작성하려면 로그인이 필요합니다.
var oPoint = new naver.maps.Point(37.6238066, 127.0732484);
var oPoint = new naver.maps.Point(x, y);
저 두 군데에 있는 Point 얘를 LatLng 얘로 바꿔 보시면 되지 않을까 싶습니다.
답변에 대한 댓글 1개
jQuery 호출이 누락되서 발생한 문제였습니다. ㅠㅠ
<script src="//code.jquery.com/jquery-1.12.4.min.js" crossorigin="anonymous"></script>
댓글을 작성하려면 로그인이 필요합니다.
해결방안입니다.
<div id="naverMap1" style="width: 875px; height: 0px; background: url("http://static.naver.net/maps/mantle/1x/pattern_1.png") 0px 0px repeat transparent; position: relative; overflow: hidden;">
overflow:hidden; 을 제거해주세요
제거후, 조금 손봐야할듯..
contaner 위치에 안잡히는것보니
답변에 대한 댓글 1개
같은 코드인데 누구는 보이고, 누구는 안보이고.
뭔가 추가적인 코드가 필요한건지...
댓글을 작성하려면 로그인이 필요합니다.

리퍼러 뜨는거보니깐,,
대부분
.js를 불러오기전에 실해시키면 그런 에러 나오는데...
https://developers.naver.com/forum/posts/15196
이게 도움이 될련지 모르겠지만 화이팅...
답변에 대한 댓글 2개
네이버 지도가 안보이는 것은 다른 이유로 안보이는듯 합니다.. ㅠㅠ
네이버지도라.. 해결이 안되서 어쩌나요..
한번 서치해보고 좋은게있으면 댓글드리겠습니다^^
댓글을 작성하려면 로그인이 필요합니다.
답변을 작성하려면 로그인이 필요합니다.
로그인