네이버 지도 api 여러개 연동하기 채택완료

midal

5년 전 조회 2,320

네이버 지도 api를 이용해서 한페이지에 지도 2개를 쓰려고 하니 처음꺼만 잘나오고 두번째꺼는 반만 잘리듯이 나오는데 소스 어디를 어떻게 변경해야할지 몰라서 여쭤봅니다ㅠㅠ

</p>

<p><div id="gmap"></div>

                            <script>

                                

                                //지도를 삽입할 HTML 요소 또는 HTML 요소의 id를 지정합니다.

                                var mapDiv = document.getElementById('gmap'); // 'map'으로 선언해도 동일</p>

<p>                                var HOME_PATH = window.HOME_PATH || '.';

                                var position = new naver.maps.LatLng(35.835614, 129.209786);</p>

<p>                                var map = new naver.maps.Map('gmap', {

                                    center: position,

                                    zoom: 19

                                });</p>

<p>                                var markerOptions = {

                                    position: position.destinationPoint(90, 15),

                                    map: map,

                                    icon: {

                                        url: HOME_PATH +'/img/map_icon.png',

                                        size: new naver.maps.Size(50, 52),

                                        origin: new naver.maps.Point(0, 0),

                                        anchor: new naver.maps.Point(25, 26)

                                    }

                                };</p>

<p>                                var marker = new naver.maps.Marker(markerOptions);

                            </script></p>

<p>

이게 첫번째 지도고

</p>

<p><div id="umap"></div>

                            <script>

                                

                                //지도를 삽입할 HTML 요소 또는 HTML 요소의 id를 지정합니다.

                                var mapDiv = document.getElementById('umap'); // 'map'으로 선언해도 동일</p>

<p>                                var HOME_PATH = window.HOME_PATH || '.';

                                var position = new naver.maps.LatLng(35.538289, 129.334081);</p>

<p>                                var map = new naver.maps.Map('umap', {

                                    center: position,

                                    zoom: 19

                                });</p>

<p>                                var markerOptions = {

                                    position: position.destinationPoint(90, 15),

                                    map: map,

                                    icon: {

                                        url: HOME_PATH +'/img/map_icon.png',

                                        size: new naver.maps.Size(50, 52),

                                        origin: new naver.maps.Point(0, 0),

                                        anchor: new naver.maps.Point(25, 26)

                                    }

                                };</p>

<p>                                var marker = new naver.maps.Marker(markerOptions);

                            </script></p>

<p>

이게 반만 나오는 두번째 지도입니다

#네이버지도

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

답변 2개

정렬:

채택된 답변

+20 포인트

마젠토

프로필 보기 이 회원 글보기 이 회원의 댓글보기

5년 전

</p>

<p><div id="umap"></div>

    <script>

        

        //지도를 삽입할 HTML 요소 또는 HTML 요소의 id를 지정합니다.

        var mapDiv_1 = document.getElementById('umap'); // 'map'으로 선언해도 동일

        var HOME_PATH = window.HOME_PATH || '.';

        var position_1 = new naver.maps.LatLng(35.538289, 129.334081);

        var map_1 = new naver.maps.Map('umap', {

            center: position_1,

            zoom: 19

        });

        var markerOptions_1 = {

            position: position_1.destinationPoint(90, 15),

            map: map_1,

            icon: {

                url: HOME_PATH +'/img/map_icon.png',

                size: new naver.maps.Size(50, 52),

                origin: new naver.maps.Point(0, 0),

                anchor: new naver.maps.Point(25, 26)

            }

        };

        var marker = new naver.maps.Marker(markerOptions_1);

    </script></p>

<p>

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

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