Google maps 使用google map api时出错

我在使用谷歌地图api时遇到以下错误。我在本地主机上运行我的应用程序，所以我没有在谷歌地图上注册它。我也搜索了一些其他的解决方案，并尝试了所有的解决方案，但仍然得到相同的结果

This page was unable to display a Google Maps element. The provided Google API key is invalid or this site is not authorized to use it. Error Code: InvalidKeyOrUnauthorizedURLMapError

这是我的密码

<script src="http://maps.googleapis.com/maps/api/js?key=AIzaSyCUX7v9haBCA7Gv_YD9hEhj1m1nMBiZfqY&sensor=false">
</script>

<script>
function initialize()
{
var mapProp = {
  center:new google.maps.LatLng(51.508742,-0.120850),
  zoom:5,
  mapTypeId:google.maps.MapTypeId.ROADMAP
};
var map=new google.maps.Map(document.getElementById("googleMap"),mapProp);
}

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

<div class="row" id="googleMap" style="width:500px;height:380px;">          </div>

函数初始化（）
{
var mapProp={
中心：新google.maps.LatLng（51.508742，-0.120850），
缩放：5，
mapTypeId:google.maps.mapTypeId.ROADMAP
};
var map=new google.maps.map（document.getElementById（“googleMap”），mapProp）；
}
google.maps.event.addDomListener（窗口“加载”，初始化）；

PS：我必须实现一个功能，在这个功能中，如果我们选择像加利福尼亚这样的城市，地图就会开始指出那个城市（加利福尼亚）。所以，如果可能的话，也告诉我一些解决方法。 提前谢谢

如错误所述“……或本网站无权使用”。不能在本地主机上使用API密钥。相反，对于localhost，请使用不带Api键的Google Maps Api：

<script type="text/javascript" src="http://maps.googleapis.com/maps/api/js"></script>