네이버 지도 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
jQuery 로드 안됨.
리퍼러 뜨는거보니깐,,
대부분
.js를 불러오기전에 실해시키면 그런 에러 나오는데...
https://developers.naver.com/forum/posts/15196
이게 도움이 될련지 모르겠지만 화이팅...
해결방안입니다.
<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 위치에 안잡히는것보니
var oPoint = new naver.maps.Point(37.6238066, 127.0732484);
var oPoint = new naver.maps.Point(x, y);
저 두 군데에 있는 Point 얘를 LatLng 얘로 바꿔 보시면 되지 않을까 싶습니다.