네이버 맵 지도 마커 정보창 2개 입력은 안되나요?
본문
여기저기 물어봐도 아는 분들이 없어 고수님들이 많은 게시판에 남겨봅니다
네이버 맵 지도에 마커 정보창 1개는 되는데
두곳의 위치 정보창 입력은 안되는건가요.?
동성로 주차장 옆에 한곳의 좌표와 위치를 더 입력하려고 합니다 
| <!--지도--> | |
| <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>
