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

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

QA

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

답변 4

본문

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

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

 

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

답변을 작성하시기 전에 로그인 해주세요.
QA 내용 검색
질문등록
전체 102
© SIRSOFT
현재 페이지 제일 처음으로