Okay
  Public Ticket #1169320
google maps
Closed

Comments

  • aldrian17 started the conversation

    Hi!

    My skills are to weak to solve this problem with the google api.

    I generate a api key and insert it but it does not work.

    This is the line in the index.html

    <script src="//maps.googleapis.com/maps/api/js?key=AIz..........DpchNWo-ZBLE1..........Krg&callback=initMap"></script>

    Changes in customer.js

    var mapOptions = {
            zoom: 16,
            draggable: draggable,
            mapTypeControl: false,
            center: new google.maps.LatLng(46.9440334, 15.3327663),
            mapTypeId: google.maps.MapTypeId.ROADMAP
        }

        map = new google.maps.Map(document.getElementById('contact-map'), mapOptions);

        var contentString = '<div id="content">' +
            '<strong>'+companyName+'</strong><br>' +
            'Adresse: Hauptstra├če 16 8502 Lannach, Austria ' +
            '</div>';

    Thank you in advance
  •  36
    Support replied

    Hi, We've checked your page. Currently, we received the following error:

    js:35 Google Maps API error: RefererNotAllowedMapError https://developers.google.com/maps/documentation/javascript/error-messages#referer-not-allowed-map-error
    Your site URL to be authorized: http://www.vange.eu/igeg/
    

    It seems the API Key is invalid.

    Just add the right API Key to the following code at the document footer:

    <!-- Google Maps Api -->
    <script type="text/javascript" src="https://maps.googleapis.com/maps/api/js?key=YOUR_API_KEY"></script>
    

    Thereafter the map should be working!  

    You can create a new Google API Key here: 
    https://developers.google.com/maps/documentation/javascript/get-api-key

    Regards, Support Team