네이버 맵 지도 마커 정보창 2개 입력은 안되나요?

네이버 맵 지도 마커 정보창 2개 입력은 안되나요?

QA

네이버 맵 지도 마커 정보창 2개 입력은 안되나요?

본문

여기저기 물어봐도 아는 분들이 없어 고수님들이 많은 게시판에 남겨봅니다

 

네이버 맵 지도에 마커 정보창 1개는 되는데

 

두곳의 위치 정보창 입력은 안되는건가요.?

 

동성로 주차장 옆에 한곳의 좌표와 위치를 더 입력하려고 합니다 661929508_1721041824.8332.png

 

 

<!--지도-->
   
  <script type="text/javascript" src="https://oapi.map.naver.com/openapi/v3/maps.js?ncpClientId=b33wtec8v8&callback=initMap"></script>
  <script>
   
  var HOME_PATH = window.HOME_PATH || '.';
  var cityhall = new naver.maps.LatLng( 35.8710580166844, 128.597150047698),
  map = new naver.maps.Map('map', {
  center: cityhall.destinationPoint(0, 50),
  zoom: 16
  }),
  marker = new naver.maps.Marker({
  map: map,
  position: cityhall
  });
   
  var contentString = [
  '<div class="iw_inner">',
  ' <h3>  동성로주차장  </h3>',
  ' <p>    (1시간무료주차) <br />',
  '</div>'
   
  ].join('');
   
  var infowindow = new naver.maps.InfoWindow({
  content: contentString
  });
   
  naver.maps.Event.addListener(marker, "click", function(e) {
  if (infowindow.getMap()) {
  infowindow.close();
  } else {
  infowindow.open(map, marker);
  }
  });
   
  infowindow.open(map, marker);
  </script>
  <!--지도 끝-->

이 질문에 댓글 쓰기 :

답변 1

되죠 두번째좌표입력곳에 똑같이 추가해주면되지않을까요?

 

예를들어서

현재 좌표입력아래에

var otherLocation = new naver.maps.LatLng(새로운좌표); 

추가해주시고

마크또한 추가해주시면되는거죠

<script>
        var HOME_PATH = window.HOME_PATH || '.';
        var cityhall = new naver.maps.LatLng(35.8710580166844, 128.597150047698);
        var otherLocation = new naver.maps.LatLng(새로운좌표값);
        var map = new naver.maps.Map('map', {
            center: cityhall.destinationPoint(0, 50),
            zoom: 16
        });

        var marker = new naver.maps.Marker({
            map: map,
            position: cityhall
        });

        var contentString = [
            '<div class="iw_inner">',
            ' <h3>  동성로주차장  </h3>',
            ' <p>    (1시간무료주차) <br />',
            '</div>'
        ].join('');

        var infowindow = new naver.maps.InfoWindow({
            content: contentString
        });

        naver.maps.Event.addListener(marker, "click", function(e) {
            if (infowindow.getMap()) {
                infowindow.close();
            } else {
                infowindow.open(map, marker);
            }
        });

        infowindow.open(map, marker);

        // 새로운 마커 추가
        var newMarker = new naver.maps.Marker({
            map: map,
            position: otherLocation
        });

        var newContentString = [
            '<div class="iw_inner">',
            ' <h3>  새로운 위치  </h3>',
            ' <p>    추가된 위치입니다. <br />',
            '</div>'
        ].join('');

        var newInfowindow = new naver.maps.InfoWindow({
            content: newContentString
        });

        naver.maps.Event.addListener(newMarker, "click", function(e) {
            if (newInfowindow.getMap()) {
                newInfowindow.close();
            } else {
                newInfowindow.open(map, newMarker);
            }
        });

        newInfowindow.open(map, newMarker);
    </script>

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

회원로그인

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