옵션 |
|
<!DOCTYPE html>
<html>
<head>
<script async defer src="https://maps.googleapis.com/maps/api/js"></script>
<script>
function initialize() {
var mapProp = {
center:new google.maps.LatLng(37.250943, 127.028344),
zoom:5,
mapTypeId:google.maps.MapTypeId.ROADMAP
};
var map=new google.maps.Map(document.getElementById("googleMap"),mapProp);
}
google.maps.event.addDomListener(window, 'load', initialize);
</script>
</head>
<body>
<h1> TEST!!</h1>
<div id="googleMap" style="width:500px;height:380px;"></div>
</body>
</html>
=========================
일하다가 구글맵을 넣기로 했는데 아무리 해도 JSP에다가 구글맵 을 넣는
가장 첫단계부터 안되고 있어요...
위는 제 구글계정으로 구글맵자바스크립트api키로 받아온 html 소스인데
이걸 그대로
맨위에 <%@ page language="java" contentType="text/html;charset=UTF-8"%>
<%@ include file="/WEB-INF/jsp/common/include/header.jspf" %>
붙이고 jsp 파일에 붙여넣으면
자꾸 google 이 정의되지 않았다 뜨고..
header를 지우면 에러메시지는 콘솔에도 안뜨고 아무에러도 없는데
맵 자체가 안뜨고....
명확한 문제가 뭘까요..
html꺼라서 jsp로 해줄려면 뭐 추가로 써줘야하는게 있나요...? 거의 6시간 구글링 네이버검색해도 못찾겠어요...
ps.jquery말고 단순 자바스크립트 jsp파일로 구현하려는거라..