Question

我的索引页面中有一张谷歌地图，它正在运行。我现在检查了它，它不再工作了。代码有问题吗？

<!-- Set height and width with CSS -->
<div id="googleMap" style="height:600px;width:100%;"></div>

<!-- Add Google Maps -->
<script src="http://maps.googleapis.com/maps/api/js"></script>
<script>
var myCenter = new google.maps.LatLng(41.878114, -87.629798);

function initialize() {
var mapProp = {
center:myCenter,
zoom:12,
scrollwheel:false,
draggable:true,
mapTypeId:google.maps.MapTypeId.ROADMAP
};

var map = new google.maps.Map(document.getElementById("googleMap"),mapProp);

var marker = new google.maps.Marker({
position:myCenter,
});

marker.setMap(map);
}

google.maps.event.addDomListener(window, 'load', initialize);
</script>

Answer 1

如果你的项目在服务器上是实时的，那么如果离线它应该工作，它需要api密钥。

加载Google Maps JavaScript API

要加载Google Maps JavaScript API，请使用以下示例中的脚本标记：

<script src="https://maps.googleapis.com/maps/api/js?key=YOUR_KEY&callback=myMap"></script>

The URL contained in the script tag is the location of a JavaScript file that loads all of the symbols and definitions you need for using the Maps

JavaScript API。此脚本标记是必需的。

async属性允许浏览器在加载Maps JavaScript API时呈现您网站的其余部分。当API准备就绪时，它将使用回调参数调用指定的函数。

key参数包含应用程序的API密钥。有关详细信息，请参阅获取密钥。

注意：Google Maps API Premium Plan客户在加载API时可能会使用API密钥或有效的客户端ID。获取有关Premium Plan客户的身份验证参数的更多信息。

HTML页面上的Google Map不再有效

1 个答案: