2026, 새로운 도약을 시작합니다.

구글지도 오류. 부탁드립니다 채택완료

처음에는 잘 됬는데 지금은

"죄송합니다. 문제가 발생했습니다.

Google 지도가 제대로 로드되지 않았습니다. 자바스크립트 콘솔에서 자세한 기술 정보를 확인하세요"

라고 뜹니다 문제가 API키 때문인거 같아서 API키를 발급받고 키도 스크립트로 해서 넣었습니다.

그런데 잘 되지 않습니다...

어떻게 해결해야 하나요?           (http://cnuconsortium.ac.kr/inc/sub01_5.php)

키 스크립트는 안되길래 3개를 우장창 넣어본것입니다 ㅠㅠ 키는 일부 지웠습니다

Copy
								오시는 길			$(function() {	var seoul = new google.maps.LatLng(36.370264, 127.345933),  //첫 실행됐을때 위치(목록 첫번째 좌표와 동일하게)		pointToMoveTo, 		first = true,		curMarker = new google.maps.Marker({}),		$el;				var myOptions = {			zoom: 14,  //1~20  (숫자가 클수록 zommin)			center: seoul,			mapTypeId: google.maps.MapTypeId.ROADMAP		}; var map = new google.maps.Map($("#map_canvas")[0], myOptions); $("#locations li").mouseenter(function() {	$el = $(this);	if (!$el.hasClass("hover")) {		$("#locations li").removeClass("hover");		$el.addClass("hover"); 		if (!first) { 			curMarker.setMap(); 		} 		pointToMoveTo = new google.maps.LatLng($el.attr("data-geo-lat"), $el.attr("data-geo-long"));		map.panTo(pointToMoveTo); 		curMarker = new google.maps.Marker({		position: pointToMoveTo,		map: map,			icon: "../img/marker.png"  //마커 이미지 경로		});  		google.maps.event.addListener(curMarker, 'click', function() {			map.setZoom(14);		});  		$("#more-info").find("h2").html($el.find("h3").html()).end().find("p").html($el.find(".longdesc").html());   //텍스트 정보 more-info에 출력		first = false; 	}}); $("#locations li:first").trigger("mouseenter");});    		   						충남대학교						대전광역시 유성구 대학로 99										우송대학교						대전광역시 동구 동대전로 171										한밭대학교						대전광역시 유성구 동서대로 125										건양대학교						충청남도 논산시 대학로 121										선문대학교						충청남도 아산시 탕정면 선문로 221번길 70										공주교육대학교						충청남도 공주시 웅진로 27					 	 	 												 

답변 1개

채택된 답변
+20 포인트
로그인 후 평가할 수 있습니다

댓글을 작성하려면 로그인이 필요합니다.

답변을 작성하려면 로그인이 필요합니다.

로그인
🐛 버그신고