게시판 즐겨찾기
편집
드래그 앤 드롭으로
즐겨찾기 아이콘 위치 수정이 가능합니다.
HTML 용 구글맵을 jsp페이지에 어떻게 구현시켜야할까요.
게시물ID : programmer_21782짧은주소 복사하기
작성자 : lihirt
추천 : 0
조회수 : 528회
댓글수 : 4개
등록시간 : 2017/11/29 16:46:25
옵션
  • 본인삭제금지

<!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파일로 구현하려는거라..

전체 추천리스트 보기
새로운 댓글이 없습니다.
새로운 댓글 확인하기
글쓰기
◀뒤로가기
PC버전
맨위로▲
공지 운영 자료창고 청소년보호