[英]Google map failed to load
我需要将google map集成到我的网页中。 我生成了一个API。 但是地图没有显示。 我正在本地服务器上对其进行测试。
<h3>My Google Maps Demo</h3>
<div id="map">
<span class="labels">Heading</span>
</div>
<script src="https://maps.googleapis.com/maps/api/js?key=[API]&callback=initMap">
</script>
<script type="text/javascript">
function initMap() {
alert("Yes");
var uluru = { lat: -25.363, lng: 131.044 };
var map = new google.maps.Map(document.getElementById('map'), {
zoom: 4,
center: uluru
});
var marker = new google.maps.Marker({
position: uluru,
map: map
});
}
</script>
但没有用。 他们在我的代码中有问题吗? 我可以检查我的API是否正常工作
我无法发表评论,所以我在这里写。 你有密码吗?
在控制台中,存在错误:
RefererNotAllowedMapError错误
当前加载Google Maps JavaScript API的网址尚未添加到允许的引荐来源网址列表中。 请在Google API控制台上检查API密钥的引荐来源网址设置。
请参阅Google API控制台中的API密钥。 有关更多信息,请参阅安全使用API密钥的最佳做法。
也许这会对您有所帮助。
您需要具有api键才能访问地图。 像这样修改您的代码:
JS:
function initMap() {
alert("Yes");
var uluru = {
lat: -25.363,
lng: 131.044
};
var map = new google.maps.Map(document.getElementById('map'), {
zoom: 4,
center: uluru
});
var marker = new google.maps.Marker({
position: uluru,
map: map
});
}
google.maps.event.addDomListener(window, "load", initMap);
检查此演示: http : //jsfiddle.net/lotusgodkk/hLenqzmy/64/
您可以从此处获取api密钥: https : //developers.google.com/maps/documentation/javascript/get-api-key
另外,将在页面加载时调用initMap,并且在调用该页面时尚未声明MIGHT吗?
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.