2016-09-15 23 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

これます。

+0

私はそれを試してみましたが、それはうまくいきませんでした。たぶん私はコードに何か間違っていると思います。あなたは私に例を教えてもらえますか?申し訳ありません、私はこれで新しく、ありがとうございます。 –

答えて

1

サイトにスクリプトを含めると、Google Maps APIのキーがURLのクエリパラメータとして含まれます。

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

それは働いた。どうもありがとうございました。 –

関連する問題