안녕하세요,
오션프랜차이즈 게시판 사용중인데
크롬 및 엣지에서는 구글맵이 잘표시되는데
유독 IE에서만 표시가 안되는 현상이 있습니다.
외부 컴퓨터에서도 동일 증상입니다.
참고로 데모 게시판에서는 구글맵이 보입니다.
사이트는 http://www.iviewcore.com/store/
입니다.
구글지도 API 키가 입력되어 지도는 정상적으로 보일겁니다.
따라서 지도가 안보이는 문제의 원인은 다른 이유가 있습니다.
크롬 개발자도구(F12키)로 확인해보니 해당 사이트에서 스크립트 오류가 발생되는군요.
메시지:
Uncaught TypeError: $ is not a function
코드:
<script type="text/javascript">
$(function(){var t="http://upload.wikimedia.org/wikipedia/commons/c/ce/Transparent.gif",e=!0,o=new Image;o.src=t,$("img").live("mouseenter touchstart",function(){var o=$(this);if(!o.hasClass("Overlay")&&(e||o.hasClass("protectMe"))){var i=o.offset(),n=$('<img class="Overlay" src="'+t+'" width="'+o.width()+'" height="'+o.height()+'" />').css({position:"absolute",zIndex:9999999,left:i.left,top:i.top}).appendTo("body").bind("mouseleave",function(){setTimeout(function(){n.remove()},0,$(this))});"ontouchstart"in window&&$(document).one("touchend",function(){setTimeout(function(){n.remove()},0,n)})}})});
</script>
해결책:
위 코드에서 $ 부분을 모두 jQuery로 바꿔주세요.
$("img") => jQuery("img") 이렇게요.
사이트에서 발생되는 모든 스크립트 오류를 해결해주세요.