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

试用Google第一 –

+1

然后添加此<脚本类型= “文本/ JavaScript的” SRC =“http://maps.googleapis.com/maps/api/js?key=YOUR KEY &传感器=假&图书馆=地方“> –

+0

我以前试过,它没有工作。也许我在代码上做错了什么。你能给我举个例子吗?对不起,我是新手,谢谢。 –

回答

1

当您在网站上包含脚本时,Google Maps API的关键字将作为包含该URL的查询参数。

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

它的工作。非常感谢你。 –