Ошибка при использовании google map api

Question

Я получаю следующую ошибку при использовании google map api. Я запускаю свое приложение на localhost, поэтому я не зарегистрировал его на карте Google. Я также искал некоторые другие решения и пробовал их все, но все равно получал то же самое.

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> 

PS: Я должен реализовать функциональность, в котором, если мы выбираем город, как Калифорния, чем карты начинают указывать на то, что город (Калифорния). Поэтому, если это возможно, также скажите мне некоторое решение. Спасибо заранее.

Answer 1

Как говорится в сообщении об ошибке «... или этот сайт не имеет права использовать его». Вы не можете использовать API KEY на localhost. Вместо этого для локального использования используйте Google Maps Api без API KEY:

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