This page didn't load Google Maps correctly. See the JavaScript console for technical details.before that showed map in 2s

Question

I am using this code from google map API's and entered the API key, but still get the above mentioned error

@{
    Layout = null;
}
<style>
   #map {
        height: 400px;
        width: 200px;
}
</style>
<div id="map"></div>
<script>
    function initMap() {
       var map = new google.maps.Map(document.getElementById('map'), {
       center: { lat: 10.523900, lng: 76.212250 },
       zoom: 8
        });
      }
</script>
<script type="text/javascript" src="https://maps.googleapis.com/maps/api/js?key=AIzaSyAi6Ztik8PTvZFBFieP0k7aVWGMdNGHJ9c&callback=initMap"></script>

Error define itself about the issue but unfortunately no error is showing in the console — Basiyath T Zubair, Oct 13 '19 at 07:02
yes! Google Maps JavaScript API error: RefererNotAllowedMapError https://developers.google.com/maps/documentation/javascript/error-messages#referer-not-allowed-map-error Your site URL to be authorized: http://localhost:52194/User/Map — Basiyath T Zubair, Oct 15 '19 at 18:34

Patee Gutee · Answer 1 · 2019-10-16T00:46:59.587

0

Update: It looks like your code is fine. I think this is an issue with the way you configure your site setting in google developer console - have a look at SO post.

It entails making sure you enter your domain wildcard properly (http://www.example.com/*) and enabling the required APIs (Maps JavaScript API).

edited Oct 16 '19 at 00:46

answered Oct 13 '19 at 18:54

Patee Gutee

292
2
19

Updated my answer. – Patee Gutee Oct 16 '19 at 00:47
yes, i solved that error. but now showing "billing account" error. Is there any way to get api key at free of cost? – Basiyath T Zubair Oct 16 '19 at 07:50

This page didn't load Google Maps correctly. See the JavaScript console for technical details.before that showed map in 2s

1 Answers1