구글지도 오류. 부탁드립니다 채택완료
처음에는 잘 됬는데 지금은
"죄송합니다. 문제가 발생했습니다.
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개
답변을 작성하려면 로그인이 필요합니다.
로그인전체 질문 목록
채택
채택
채택
답변대기
채택
채택
채택
답변대기
답변대기
답변대기
채택
채택
채택
채택
채택
채택
채택
답변대기