답변 2개
채택된 답변
+20 포인트
sinbi3년 전
보통, 해당 요소에 있는 id 속성값을 이용해 JS불러와 해당 위치에 뿌려줍니다.
id 속성값인 map 키워드로 찾아보세요.
로그인 후 평가할 수 있습니다
답변에 대한 댓글 1개
댓글을 작성하려면 로그인이 필요합니다.
블랙캣77
3년 전
해당 스킨에서 불러오거나 다른데서 불러올수 있겟죠
해당만 가지고는 어디서 불러오는지 알수가 없습니다.
로그인 후 평가할 수 있습니다
답변에 대한 댓글 1개
ManLee
3년 전
id="map" 이부분이 문제인것 같은데 아래와 같이 id="xap" 바꾸면 됩니다.
<html>
<head>
</head>
<body>
<div style="width:100%; height:350px;margin:5px 0; border:1px #CCC solid;" id="xap"></div>
<script>
function initMap() {
var bap = new google.maps.Map(document.getElementById('xap'), {
zoom: 10,
center: {lat: 35.9, lng: -78.5}
});
setMarkers(bap);
}
var beaches = [
['Bondi Beach', 35.963664,-78.5496636, 2],
['Coogee Beach', 35.9636292,-78.5496636, 1],
['Cronulla Beach', 35.8974678,-78.5769307, 0]
];
function setMarkers(map) {
for (var i = 0; i < beaches.length; i++) {
var beach = beaches[i];
var marker = new google.maps.Marker({
position: {lat: beach[1], lng: beach[2]},
map: map,
title: beach[0],
zIndex: beach[3]
});
}
}
</script>
<script src="https://maps.googleapis.com/maps/api/js?key=key&callback=initMap" async></script>
</script>
</body>
</html>
<html>
<head>
</head>
<body>
<div style="width:100%; height:350px;margin:5px 0; border:1px #CCC solid;" id="xap"></div>
<script>
function initMap() {
var bap = new google.maps.Map(document.getElementById('xap'), {
zoom: 10,
center: {lat: 35.9, lng: -78.5}
});
setMarkers(bap);
}
var beaches = [
['Bondi Beach', 35.963664,-78.5496636, 2],
['Coogee Beach', 35.9636292,-78.5496636, 1],
['Cronulla Beach', 35.8974678,-78.5769307, 0]
];
function setMarkers(map) {
for (var i = 0; i < beaches.length; i++) {
var beach = beaches[i];
var marker = new google.maps.Marker({
position: {lat: beach[1], lng: beach[2]},
map: map,
title: beach[0],
zIndex: beach[3]
});
}
}
</script>
<script src="https://maps.googleapis.com/maps/api/js?key=key&callback=initMap" async></script>
</script>
</body>
</html>
댓글을 작성하려면 로그인이 필요합니다.
답변을 작성하려면 로그인이 필요합니다.
로그인