Question

我正在实施一张地图，但我收到了错误回复，并且不明白为什么它不起作用。

这是我的尝试。

var map;

function loadMap(){

	// Variable Definitions
	var mapOptions = {
		zoom: 11,
		center: new google.maps.LatLng(37.9835464,23.7269264)
	}

	var mapid = document.getElementById('map');

	// Function call 
	map = new google.maps.Map(mapid,mapOptions)
}

google.maps.event.addDomListener(window,'load',loadMap())

html, body, #map {
	height: 100%;
	margin: 0px;
	padding: 0px;
}

#map {
	width: 500px;
	height: 400px;
}

<head> 
  <meta http-equiv="content-type" content="text/html; charset=UTF-8" /> 
  <title>Google Maps Multiple Markers</title> 
  
  <link rel="stylesheet" media="screen" href="style.css">

</head> 
<body>
  <div id="map"></div>

  <script src="https://maps.google.com/maps/api/js?v=3?key=API_KEY"></script>


  <!-- Script tag -->

  <script src="script.js" type="text/javascript"></script>
</body>

为了找到解决方案，我检查了控制台，它给出了错误：

“Google Maps API错误：MissingKeyMapError https://developers.google.com/maps/documentation/javascript/error-messages#missing-key-map-error”

所以我检查了documentation，但我的API密钥似乎是正确的。

有什么建议吗？

提前致谢。

Answer 1

您的脚本中有拼写错误：

https://maps.google.com/maps/api/js?v=3?key=KEY

应该是：

https://maps.google.com/maps/api/js?v=3&key=KEY

（以问号开头，然后用＆amp;分隔参数）

为什么我的Google Maps API不接受API密钥？

1 个答案: