답변 1개
10년 전
</p><p><script src="<a href="https://maps.googleapis.com/maps/api/js?v=3.exp&signed_in=true" target="_blank" rel="noopener noreferrer">https://maps.googleapis.com/maps/api/js?v=3.exp&signed_in=true</a>"></script>
<script>
function initialize() {
var locations = [['test1', 37.4443913, 126.797949], ['test2', 35.2197859, 128.6857217]];
var mapOptions = {
zoom : 6,
center : new google.maps.LatLng(37.4443913, 126.797949)
};
var map = new google.maps.Map(document.getElementById('map-canvas'), mapOptions);
for(i=0; i<locations.length; i++) {
var myLatLng = new google.maps.LatLng(locations[i][1], locations[i][2]);
var marker = new google.maps.Marker({
position : myLatLng,
map : map,
title : locations[i][0]
});
}
}
google.maps.event.addDomListener(window, 'load', initialize);
</script>
실제 들어가는 코드는 대충 이렇습니다.
https://developers.google.com/maps/documentation/javascript/markers
여기 참고하시면 되겠네요.
locations라고 하는 변수에 마우스 가져다 댔을 때 뜨는 이름, 좌표를 배열로 넣어서 뿌려주면 됩니다.
다중 마커라고 하셔서 영상은 안 봤습니다.
실제 작동하는 페이지입니다.
http://nyaongii.dothome.co.kr/temp/wr_id58540.html">http://nyaongii.dothome.co.kr/temp/wr_id58540.html
로그인 후 평가할 수 있습니다
댓글을 작성하려면 로그인이 필요합니다.
답변을 작성하려면 로그인이 필요합니다.
로그인