테스트 사이트 - 개발 중인 베타 버전입니다

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

처음에는 잘 됬는데 지금은

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

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

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

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

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

 

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

 

</p><p><span style="font-size: 14.6667px;"><script type='text/javascript' src='<a href="<a href="http://maps.google.com/maps/api/js?sensor=true" target="_blank" rel="noopener noreferrer">http://maps.google.com/maps/api/js?sensor=true</a>"><a href="http://maps.google.com/maps/api/js?sensor=true" target="_blank" rel="noopener noreferrer">http://maps.google.com/maps/api/js?sensor=true</a></a>'></script></span></p><p><span style="font-size: 14.6667px;"><script src="//maps.google.com/maps/api/js?sensor=true&key=AIzaSyADJ8gPw61_ic__"></script></span></p><p><span style="font-size: 14.6667px;"><script async defer src="<a href="<a href="https://maps.googleapis.com/maps/api/js?key=AIzaSyADJ8gPw61_ic__Vc8xWaCiCMcYwVILjXw=initMap" target="_blank" rel="noopener noreferrer">https://maps.googleapis.com/maps/api/js?key=AIzaSyADJ8gPw61_ic__Vc8xWaCiCMcYwVILjXw=initMap</a>"><a href="https://maps.googleapis.com/maps/api/js?key=AIzaSyADJ8gPw61_ic__=initMap" target="_blank" rel="noopener noreferrer">https://maps.googleapis.com/maps/api/js?key=AIzaSyADJ8gPw61_ic__=initMap</a></a>"</span></p><p><span style="font-size: 14.6667px;">  type="text/javascript"></script></span></p><p><span style="font-size: 14.6667px;"><script src="//maps.googleapis.com/maps/api/js?key=AIzaSyADJ8gPw61_ic__" async="" defer="defer" type="text/javascript"></script></span></p><p><span style="font-size: 14.6667px;"><span class="Apple-tab-span" style="white-space:pre">		</span><div id="con_area"></span></p><p><span style="font-size: 14.6667px;"><span class="Apple-tab-span" style="white-space:pre">			</span><span class="vert_line"></span></span></p><p><span style="font-size: 14.6667px;"><span class="Apple-tab-span" style="white-space:pre">			</span><h3>오시는 길</h3></span></p><p><span style="font-size: 14.6667px;"><span class="Apple-tab-span" style="white-space:pre">			</span><div class="gap"></div></span></p><p><span style="font-size: 14.6667px;"><script type='text/javascript'></span></p><p><span style="font-size: 14.6667px;">$(function() {</span></p><p><span style="font-size: 14.6667px;"><span class="Apple-tab-span" style="white-space:pre">	</span>var seoul = new google.maps.LatLng(36.370264, 127.345933),  //첫 실행됐을때 위치(목록 첫번째 좌표와 동일하게)</span></p><p><span style="font-size: 14.6667px;"><span class="Apple-tab-span" style="white-space:pre">		</span>pointToMoveTo, </span></p><p><span style="font-size: 14.6667px;"><span class="Apple-tab-span" style="white-space:pre">		</span>first = true,</span></p><p><span style="font-size: 14.6667px;"><span class="Apple-tab-span" style="white-space:pre">		</span>curMarker = new google.maps.Marker({}),</span></p><p><span style="font-size: 14.6667px;"><span class="Apple-tab-span" style="white-space:pre">		</span>$el;</span></p><p><span class="Apple-tab-span" style="white-space: pre; font-size: 14.6667px;">		</span></p><p><span style="font-size: 14.6667px;"><span class="Apple-tab-span" style="white-space:pre">		</span>var myOptions = {</span></p><p><span style="font-size: 14.6667px;"><span class="Apple-tab-span" style="white-space:pre">			</span>zoom: 14,  //1~20  (숫자가 클수록 zommin)</span></p><p><span style="font-size: 14.6667px;"><span class="Apple-tab-span" style="white-space:pre">			</span>center: seoul,</span></p><p><span style="font-size: 14.6667px;"><span class="Apple-tab-span" style="white-space:pre">			</span>mapTypeId: google.maps.MapTypeId.ROADMAP</span></p><p><span style="font-size: 14.6667px;"><span class="Apple-tab-span" style="white-space:pre">		</span>};</span></p><p><span style="font-size: 14.6667px;"> </span></p><p><span style="font-size: 14.6667px;">var map = new google.maps.Map($("#map_canvas")[0], myOptions);</span></p><p><span style="font-size: 14.6667px;"> </span></p><p><span style="font-size: 14.6667px;">$("#locations li").mouseenter(function() {</span></p><p><span style="font-size: 14.6667px;"><span class="Apple-tab-span" style="white-space:pre">	</span>$el = $(this);</span></p><p><span style="font-size: 14.6667px;"><span class="Apple-tab-span" style="white-space:pre">	</span>if (!$el.hasClass("hover")) {</span></p><p><span style="font-size: 14.6667px;"><span class="Apple-tab-span" style="white-space:pre">		</span>$("#locations li").removeClass("hover");</span></p><p><span style="font-size: 14.6667px;"><span class="Apple-tab-span" style="white-space:pre">		</span>$el.addClass("hover");</span></p><p><span style="font-size: 14.6667px;"> </span></p><p><span style="font-size: 14.6667px;"><span class="Apple-tab-span" style="white-space:pre">		</span>if (!first) { </span></p><p><span style="font-size: 14.6667px;"><span class="Apple-tab-span" style="white-space:pre">			</span>curMarker.setMap(); </span></p><p><span style="font-size: 14.6667px;"><span class="Apple-tab-span" style="white-space:pre">		</span>}</span></p><p><span style="font-size: 14.6667px;"> </span></p><p><span style="font-size: 14.6667px;"><span class="Apple-tab-span" style="white-space:pre">		</span>pointToMoveTo = new google.maps.LatLng($el.attr("data-geo-lat"), $el.attr("data-geo-long"));</span></p><p><span style="font-size: 14.6667px;"><span class="Apple-tab-span" style="white-space:pre">		</span>map.panTo(pointToMoveTo);</span></p><p><span style="font-size: 14.6667px;"> </span></p><p><span style="font-size: 14.6667px;"><span class="Apple-tab-span" style="white-space:pre">		</span>curMarker = new google.maps.Marker({</span></p><p><span style="font-size: 14.6667px;"><span class="Apple-tab-span" style="white-space:pre">		</span>position: pointToMoveTo,</span></p><p><span style="font-size: 14.6667px;"><span class="Apple-tab-span" style="white-space:pre">		</span>map: map,</span></p><p><span style="font-size: 14.6667px;"><span class="Apple-tab-span" style="white-space:pre">			</span>icon: "../img/marker.png"  //마커 이미지 경로</span></p><p><span style="font-size: 14.6667px;"><span class="Apple-tab-span" style="white-space:pre">		</span>});</span></p><p><span style="font-size: 14.6667px;"> </span></p><p><span style="font-size: 14.6667px;"> </span></p><p><span style="font-size: 14.6667px;"><span class="Apple-tab-span" style="white-space:pre">		</span>google.maps.event.addListener(curMarker, 'click', function() {</span></p><p><span style="font-size: 14.6667px;"><span class="Apple-tab-span" style="white-space:pre">			</span>map.setZoom(14);</span></p><p><span style="font-size: 14.6667px;"><span class="Apple-tab-span" style="white-space:pre">		</span>});</span></p><p><span style="font-size: 14.6667px;"> </span></p><p><span style="font-size: 14.6667px;"> </span></p><p><span style="font-size: 14.6667px;"><span class="Apple-tab-span" style="white-space:pre">		</span>$("#more-info").find("h2").html($el.find("h3").html()).end().find("p").html($el.find(".longdesc").html());   //텍스트 정보 more-info에 출력</span></p><p><span style="font-size: 14.6667px;"><span class="Apple-tab-span" style="white-space:pre">		</span>first = false; </span></p><p><span style="font-size: 14.6667px;"><span class="Apple-tab-span" style="white-space:pre">	</span>}</span></p><p><span style="font-size: 14.6667px;">});</span></p><p><span style="font-size: 14.6667px;"> </span></p><p><span style="font-size: 14.6667px;">$("#locations li:first").trigger("mouseenter");</span></p><p><span style="font-size: 14.6667px;">});</span></p><p><span style="font-size: 14.6667px;"></script></span></p><p><span style="font-size: 14.6667px;"> </span></p><p><span style="font-size: 14.6667px;"></head></span></p><p><span style="font-size: 14.6667px;"> </span></p><p><span style="font-size: 14.6667px;"><body></span></p><p><span style="font-size: 14.6667px;"> </span></p><p><span style="font-size: 14.6667px;"><div id="page-wrap"></span></p><p><span style="font-size: 14.6667px;"> </span></p><p><span style="font-size: 14.6667px;"><span class="Apple-tab-span" style="white-space:pre">		</span>   </span></p><p><span style="font-size: 14.6667px;"><span class="Apple-tab-span" style="white-space:pre">	</span><ul id="locations"></span></p><p><span style="font-size: 14.6667px;"><span class="Apple-tab-span" style="white-space:pre">		</span><li data-geo-lat="36.370264" data-geo-long="127.345933"></span></p><p><span style="font-size: 14.6667px;"><span class="Apple-tab-span" style="white-space:pre">			</span><h4>충남대학교</h4></span></p><p><span style="font-size: 14.6667px;"><span class="Apple-tab-span" style="white-space:pre">			</span><div class="longdesc"></span></p><p><span style="font-size: 14.6667px;"><span class="Apple-tab-span" style="white-space:pre">			</span><h4 class="s-tit01">대전광역시 유성구 대학로 99</h4></span></p><p><span style="font-size: 14.6667px;"><span class="Apple-tab-span" style="white-space:pre">			</span></div></span></p><p><span style="font-size: 14.6667px;"><span class="Apple-tab-span" style="white-space:pre">		</span></li></span></p><p><span style="font-size: 14.6667px;"><span class="Apple-tab-span" style="white-space:pre">		</span><li class="loli" data-geo-lat="36.3356492" data-geo-long="127.4531131"></span></p><p><span style="font-size: 14.6667px;"><span class="Apple-tab-span" style="white-space:pre">			</span><h4>우송대학교</h4></span></p><p><span style="font-size: 14.6667px;"><span class="Apple-tab-span" style="white-space:pre">			</span><div class="longdesc"></span></p><p><span style="font-size: 14.6667px;"><span class="Apple-tab-span" style="white-space:pre">			</span><h4 class="s-tit01">대전광역시 동구 동대전로 171</h4></span></p><p><span style="font-size: 14.6667px;"><span class="Apple-tab-span" style="white-space:pre">			</span></div></span></p><p><span style="font-size: 14.6667px;"><span class="Apple-tab-span" style="white-space:pre">		</span></li></span></p><p><span style="font-size: 14.6667px;"><span class="Apple-tab-span" style="white-space:pre">		</span><li class="loli" data-geo-lat="36.3507993" data-geo-long="127.3006108"></span></p><p><span style="font-size: 14.6667px;"><span class="Apple-tab-span" style="white-space:pre">			</span><h4>한밭대학교</h4></span></p><p><span style="font-size: 14.6667px;"><span class="Apple-tab-span" style="white-space:pre">			</span><div class="longdesc"></span></p><p><span style="font-size: 14.6667px;"><span class="Apple-tab-span" style="white-space:pre">			</span><h4 class="s-tit01">대전광역시 유성구 동서대로 125</h4></span></p><p><span style="font-size: 14.6667px;"><span class="Apple-tab-span" style="white-space:pre">			</span></div></span></p><p><span style="font-size: 14.6667px;"><span class="Apple-tab-span" style="white-space:pre">		</span></li></span></p><p><span style="font-size: 14.6667px;"><span class="Apple-tab-span" style="white-space:pre">		</span><li class="loli" data-geo-lat="36.1826203" data-geo-long="127.111405"></span></p><p><span style="font-size: 14.6667px;"><span class="Apple-tab-span" style="white-space:pre">			</span><h4>건양대학교</h4></span></p><p><span style="font-size: 14.6667px;"><span class="Apple-tab-span" style="white-space:pre">			</span><div class="longdesc"></span></p><p><span style="font-size: 14.6667px;"><span class="Apple-tab-span" style="white-space:pre">			</span><h4 class="s-tit01">충청남도 논산시 대학로 121</h4></span></p><p><span style="font-size: 14.6667px;"><span class="Apple-tab-span" style="white-space:pre">			</span></div></span></p><p><span style="font-size: 14.6667px;"><span class="Apple-tab-span" style="white-space:pre">		</span></li></span></p><p><span style="font-size: 14.6667px;"><span class="Apple-tab-span" style="white-space:pre">		</span><li class="loli" data-geo-lat="36.7989522" data-geo-long="127.0749307"></span></p><p><span style="font-size: 14.6667px;"><span class="Apple-tab-span" style="white-space:pre">			</span><h4>선문대학교</h4></span></p><p><span style="font-size: 14.6667px;"><span class="Apple-tab-span" style="white-space:pre">			</span><div class="longdesc"></span></p><p><span style="font-size: 14.6667px;"><span class="Apple-tab-span" style="white-space:pre">			</span><h4 class="s-tit01">충청남도 아산시 탕정면 선문로 221번길 70</h4></span></p><p><span style="font-size: 14.6667px;"><span class="Apple-tab-span" style="white-space:pre">			</span></div></span></p><p><span style="font-size: 14.6667px;"><span class="Apple-tab-span" style="white-space:pre">		</span></li></span></p><p><span style="font-size: 14.6667px;"><span class="Apple-tab-span" style="white-space:pre">		</span><li class="loli" data-geo-lat="36.4442848" data-geo-long="127.1187091"></span></p><p><span style="font-size: 14.6667px;"><span class="Apple-tab-span" style="white-space:pre">			</span><h4>공주교육대학교</h4></span></p><p><span style="font-size: 14.6667px;"><span class="Apple-tab-span" style="white-space:pre">			</span><div class="longdesc"></span></p><p><span style="font-size: 14.6667px;"><span class="Apple-tab-span" style="white-space:pre">			</span><h4 class="s-tit01">충청남도 공주시 웅진로 27</h4></span></p><p><span style="font-size: 14.6667px;"><span class="Apple-tab-span" style="white-space:pre">			</span></div></span></p><p><span style="font-size: 14.6667px;"><span class="Apple-tab-span" style="white-space:pre">		</span></li></span></p><p><span style="font-size: 14.6667px;"> </span></p><p><span style="font-size: 14.6667px;"><span class="Apple-tab-span" style="white-space:pre">	</span></ul></span></p><p><span style="font-size: 14.6667px;"> </span></p><p><span style="font-size: 14.6667px;"><span class="Apple-tab-span" style="white-space:pre">	</span><div id="map_canvas"></div></span></p><p><span style="font-size: 14.6667px;"> </span></p><p><span style="font-size: 14.6667px;"><span class="Apple-tab-span" style="white-space:pre">	</span><div id="more-info"></span></p><p><span style="font-size: 14.6667px;"><span class="Apple-tab-span" style="white-space:pre">		</span><div></span></p><p><span style="font-size: 14.6667px;"><span class="Apple-tab-span" style="white-space:pre">			</span><h2></h2></span></p><p><span style="font-size: 14.6667px;"><span class="Apple-tab-span" style="white-space:pre">			</span><p></p></span></p><p><span style="font-size: 14.6667px;"><span class="Apple-tab-span" style="white-space:pre">		</span></div></span></p><p><span style="font-size: 14.6667px;"><span class="Apple-tab-span" style="white-space:pre">	</span></div></span></p><p> </p><p><span style="font-size: 14.6667px;"></div></span></p><p><span style="font-size: 14.6667px;">

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

답변 1개

채택된 답변
+20 포인트

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

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

로그인

전체 질문 목록

🐛 버그신고