마커가 찍히지 않는 이유를 알려주세요
본문
<head>
<script src="https://maps.googleapis.com/maps/api/js?sensor=false"></script>
<script>
function initialize() {
var mapOptions = {
zoom: 16,
center: new google.maps.LatLng(35.190000, 126.824022)
}
var map = new google.maps.Map(document.getElementById('map_canvas'), mapOptions);
setMarkers(map,beaches);
}
var beaches = [
['본점', 35.190000, 126.824022, 3],
['우산지점', 35.163240, 126.807953, 4],
['신창지점', 35.192898, 126.837373, 2],
['신가지점', 35.180164, 126.817351, 1]
];
function setMarkers(map, locations) {
for(var i=0; i<locations.length; i++) {
var beach = locations[i];
var myLatlng = new google.maps.LatLng(beach[1], beach[2]);
var marker = new google.maps.Marker({
position: myLatLng,
map: map,
title: beach[0],
zIndex : beach[3]
});
/*google.maps.event.addListener(marker, 'click', function() {
infowindow.open(map, marker); */
}
}
google.maps.event.addDomListener(window, 'load', initialize);
</script>
</head>
<body>
<div id="map_canvas"></div>
</body>
<div class="map">
<div class="map_wrap">
<iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d6521.399536880497!2d126.81954391163364!3d35.18903485462387!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x35718f20b6b06d75%3A0x7c76a0801cc3f0cf!2z6rSR7KO86rSR7Jet7IucIOq0keyCsOq1rCDsnoTrsKnsmrjrjIDroZwgMzI4!5e0!3m2!1sko!2skr!4v1468477924872" width="100%" height="450" frameborder="0" style="border:0" allowfullscreen></iframe>
</div>
여러개의 마커를 가져오려고 합니다.
마커가 찍히지 않는게 어디가 잘못된건지...
답변 1
<script type="text/javascript"
src="http://maps.googleapis.com/maps/api/js?key=AIzaSyAar-LT13K0FV-oLhb3aBYmVkHqMggHZZY&sensor=true">
</script>
키값이 안보이네여
