네이버 지도 API 3.0 응용중인데요

네이버 지도 API 3.0 응용중인데요

QA

네이버 지도 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 로드 안됨.

2949982673_1532443939.4615.png

리퍼러 뜨는거보니깐,, 

대부분 

.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 얘로 바꿔 보시면 되지 않을까 싶습니다.

답변을 작성하시기 전에 로그인 해주세요.
전체 101
QA 내용 검색

회원로그인

(주)에스아이알소프트 / 대표:홍석명 / (06211) 서울특별시 강남구 역삼동 707-34 한신인터밸리24 서관 1404호 / E-Mail: admin@sir.kr
사업자등록번호: 217-81-36347 / 통신판매업신고번호:2014-서울강남-02098호 / 개인정보보호책임자:김민섭(minsup@sir.kr)
© SIRSOFT