2014-07-01 5 views
0

gmaps 플러그인을 사용하는 방법을 파악하는 데 문제가 있습니다. 나는 주어진 예를 따라 왔고 심지어 페이지 소스를 보았고 그것을 복사했다. 그러나 아직 나는 진전이 없다.잡히지 않은 참조 오류 : Gmaps.js 오류?

이것은 js 파일이 포함 된 HTML 덩어리입니다.

<!DOCTYPE html> 
<html> 
<head> 
    <title>testss</title> 
    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script> 
    <script src="/javascripts/maps.js"></script> 
    <script src="http://maps.google.com/maps/api/js?sensor=true"></script> 

    <link href='//fonts.googleapis.com/css?family=Convergence|Bitter|Droid+Sans|Ubuntu+Mono' rel='stylesheet' type='text/css' /> 

    <script> 
$(document).ready(function(){ 
var map = new GMaps({ 
div: '#map', lat: -12, lng: -77 
    }); 
}); 
    </script> 
</head> 
<body> 
<div id="map"></div> 
</body> 
</html> 

나는 이러한 오류를 받고 있어요 :

catch되지 않은 Google지도 API가 필요합니다. 다음 JavaScript 라이브러리 http://maps.google.com/maps/api/js?sensor=true을 등록하십시오. maps.js : 22

catch되지 않은 ReferenceError가 : GMaps이

내가 파일을 포함 시켰습니다 때문에이 문제가 나타나는 이유를 확실하지

를 정의되어 있지 않습니다. 어떤 아이디어라도 높이 평가됩니다!

이 방법이 도움이된다면 node.js를 사용하고 localhost로 표현합니다. 잘못된 문서 당신 또는 I를 사용하지만,이 보인다되었다 잘 모르겠어요

+0

봐 (http://www.creativebloq.com/javascript/javascript-debugging-beginners-3122820) 그리고 당신이 어떤 라인이보고 어떤 오류 말해 그들은 가리킨다. – JJJ

+0

아, 감사합니다, 이상한 것을 발견했습니다 – user3340037

+0

"/javascripts/maps.js"가 무엇입니까? Google Maps Javascript API v3가 필요한 경우 먼저 포함시켜야합니다. – geocodezip

답변

0

는 아주 잘 작동합니다 :

<!DOCTYPE html> 
<html> 
<head> 
    <title>testss</title> 
    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script> 
    <script src="/javascripts/maps.js"></script> 
    <script src="http://maps.google.com/maps/api/js?sensor=true"></script> 

    <link href='//fonts.googleapis.com/css?family=Convergence|Bitter|Droid+Sans|Ubuntu+Mono' rel='stylesheet' type='text/css' /> 

    <script> 
    $(document).ready(function(){ 
     var map = new google.maps.Map(
     document.getElementById('map'), 
     { 
      zoom: 15, 
      center: new google.maps.LatLng(-12, -77) 
     } 
    ); 
    }); 
    </script> 
</head> 
<body> 
<div id="map" style="height: 20em;"></div> 
</body> 
</html> 

편집 : 난 그냥 당신이 gmaps.js하고있었습니다 실현 - 이 경우 gmaps.js 파일이 누락되었습니다. 맵 파일이 maps.js가 아닌 경우입니다. 종속성 오류의 https://raw.githubusercontent.com/HPNeo/gmaps/master/gmaps.js

+0

그래, gmaps.js를 사용하고 있었지만 허용되지 않은 API 사용이있는 것으로 보입니다. – user3340037

+0

Google지도 API를 잘 작동합니다. – user3340037

1

오류는 구글지도 API의 등록 URL에 /javascript/gmaps.js을 포함합니다. http 대신 https을 사용하십시오. 이 URL을 포함 :

에서 [자바 스크립트 오류 콘솔]에서
https://maps.google.com/maps/api/js?sensor=true 
관련 문제