2016-09-15 2 views
0

bootstrap 테마로 작업 중이며 google maps api을 추가하는 데 문제가 있습니다. 지도는 javascript 파일이며이 같다 : Google Maps JavaScript API에서 API 키를 설정하는 방법은 무엇입니까?

google.maps.event.addDomListener(window, 'load', init); 

function init() { 

    var mapOptions = { 

     zoom: 15, 
     scrollwheel: false, 
     center: new google.maps.LatLng(41.428005, -8.674701), 

     styles: [ 
     { 
... 

    var mapElement = document.getElementById('map'); 

    var map = new google.maps.Map(mapElement, mapOptions); 

    var marker = new google.maps.Marker({ 
     position: new google.maps.LatLng(41.428005, -8.674701), 
     map: map, 

및 HTML에

이있는 경우에만이 :

이 가
<section class="map"> 
     <div id="map"></div> 
    </section> 

가 어떻게 여기 Api 키를 추가 할 수 있습니다 ?

감사합니다.

+0

구글 시도하는 첫 번째 –

+1

다음이 <스크립트 유형을 추가 = "텍스트/자바 스크립트"SRC = "http://maps.googleapis.com/maps/api/js?key=YOUR KEY & 센서 = 거짓 & libraries = places "> –

+0

이전에 시도했지만 작동하지 않았습니다. 어쩌면 내가 코드를 잘못 처리하고있는 것일 수 있습니다. 예를 들어 주시겠습니까? 미안해, 이젠 새로운데, 고마워. –

답변

1

사이트에 스크립트를 포함 시키면 Google지도 API의 키가 URL과 함께 검색어 매개 변수로 포함됩니다.

<script type="text/javascript" src="http://maps.googleapis.com/maps/api/js?key=API_KEY"></script> 
+0

효과가있었습니다. 고맙습니다. –

관련 문제