테스트 사이트 - 개발 중인 베타 버전입니다

네이버 지도 API 3.0 응용중인데요 채택완료

해피정 7년 전 조회 4,056

 사이트에서 네이버 지도를 추출하는 로직을 가져와서 살펴보고 있는데

무엇이 부족한지 지도가 보이지 않습니다.

 

잘보이는거 : 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개

채택된 답변
+20 포인트

jQuery 로드 안됨.

로그인 후 평가할 수 있습니다

답변에 대한 댓글 2개

해피정
7년 전
혹시나 해서 jQuery 를 넣었더니 되네요. 감사합니다. ^^
태양별
7년 전
커...저걸못봄 해결축하드립니다

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

var oPoint = new naver.maps.Point(37.6238066, 127.0732484);

var oPoint = new naver.maps.Point(x, y);

저 두 군데에 있는 Point 얘를 LatLng 얘로 바꿔 보시면 되지 않을까 싶습니다.

로그인 후 평가할 수 있습니다

답변에 대한 댓글 1개

해피정
7년 전
이유를 알아냈습니다.
jQuery 호출이 누락되서 발생한 문제였습니다. ㅠㅠ
<script src="//code.jquery.com/jquery-1.12.4.min.js" crossorigin="anonymous"></script>

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

7년 전

해결방안입니다.

 

<div id="naverMap1" style="width: 875px; height: 0px; background: url(&quot;http://static.naver.net/maps/mantle/1x/pattern_1.png&quot;) 0px 0px repeat transparent; position: relative; overflow: hidden;">

 

overflow:hidden; 을 제거해주세요

 

제거후, 조금 손봐야할듯..

contaner 위치에 안잡히는것보니

로그인 후 평가할 수 있습니다

답변에 대한 댓글 1개

해피정
7년 전
으음... 적용해봤는데 안보이네욤.
같은 코드인데 누구는 보이고, 누구는 안보이고.
뭔가 추가적인 코드가 필요한건지...

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

7년 전

리퍼러 뜨는거보니깐,, 

대부분 

.js를 불러오기전에 실해시키면 그런 에러 나오는데...

 

https://developers.naver.com/forum/posts/15196

이게 도움이 될련지 모르겠지만 화이팅...

로그인 후 평가할 수 있습니다

답변에 대한 댓글 2개

해피정
7년 전
SNS 로그인의 FaceBook 스크립트를 제거해서 해당 오류는 제거했습니다. 감사합니다.
네이버 지도가 안보이는 것은 다른 이유로 안보이는듯 합니다.. ㅠㅠ
태양별
7년 전
다음지도는...충분히 이해가되는데
네이버지도라.. 해결이 안되서 어쩌나요..
한번 서치해보고 좋은게있으면 댓글드리겠습니다^^

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

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

로그인