구글 지도 API 가져왔습니다. 그런데
본문
처음으로 API를 가져와보는데 검색검색하여서
<head>
<script src="https://maps.googleapis.com/maps/api/js?sensor=false"></script>
<script>
function initialize() {
var myLatlng = new google.maps.LatLng(35.190000, 126.824022);
var mapOptions = {
zoom: 17,
center: myLatlng,
mapTypeId: google.maps.MapTypeId.ROADMAP
var map = new google.maps.Map(document.getElementById('map_canvas'), mapOptions);
var marker = new google.maps.Marker({
position: myLatlng,
map: map,
title: "마커"
var infowindow = new google.maps.InfoWindow({
content: "<h1>마커</h1>",
maxWidth: 300
});
google.maps.event.addListener(marker, 'click', function() {
infowindow.open(map, marker);
});
});
}
</script>
</head>
<body onload="initialize()">
<div id="map_canvas"></div>
</body>
</script>
이렇게 하니 지도에 표시는 됩니다.
기존에 iframe으로 사용하다가 같이 사용해야 하는 상황입니다.
여기서 물어본건 우선 저기서 마커가 표시되지 않습니다.
그리고 본점이 있고 지점이 있는데 기본으로 본점 주소가 뜨는 상태입니다.
지점의 지도보기를 누르면 그 지점의 지도가 나타나야 하는데
그 방법이 궁금합니다.
아참, 맨 위에 스크립트는 한번만 쓰면 되는건가요?
아니면 지점마다 스크립트를 넣어줘야하는건가요..?
