Google Map does not work in php

Question

I want to show map of my university but it load for 1 sec and then tell

MissingKeyMapError

and

Sorry! Something went wrong. This page didn't load Google Maps correctly. See the JavaScript console for technical details.

I use Google Maps JavaScript API and Web browser (javaScript).Hear is my code :

    <script src='https://maps.googleapis.com/maps/api/js?key=AIzaSyDNi7fQreXQ_AvjDEbMBGtBo2XoP5QkxRs'></script>
    <div style='overflow:hidden;height:440px;width:700px;'>
        <div id='gmap_canvas' style='height:440px;width:700px;'></div>
        <style>#gmap_canvas img {
            max-width: none !important;
            background: none !important
        }       </style>
    </div>
    <script type='text/javascript'>
        function init_map() {
            var myOptions = {
                zoom: 14,
                center: new google.maps.LatLng(22.3475365, 91.81233240000006),
                mapTypeId: google.maps.MapTypeId.ROADMAP
                };
            map = new google.maps.Map(document.getElementById('gmap_canvas'), myOptions);
            marker = new google.maps.Marker({
                map: map,
                position: new google.maps.LatLng(22.3475365, 91.81233240000006)
            });
            infowindow = new google.maps.InfoWindow({content: '<strong>University of Chittagong</strong><br>Chittagong , Bangladesh<br>'});
            google.maps.event.addListener(marker, 'click', function () {
                infowindow.open(map, marker);
            });
            infowindow.open(map, marker);
        }
            google.maps.event.addDomListener(window, 'load', init_map);
    </script>
</head>

This is my full code . Please help me for my project.

@Vishnu Bhadoriya Now i use new API Key from google . But same problem. What now i do? — mostafiz67, Aug 20 '16 at 12:11
First off all, your code have big mistakes, look at here [how to use google map info windows](https://developers.google.com/maps/documentation/javascript/examples/infowindow-simple). In addition, you wrote `Key`, change it to `key` , I corrected your code but I couldn't answer yet. Answer is closed before I published :( — Teymur Mardaliyer Lennon, Aug 20 '16 at 12:13
Btw, change it you wrote - `google.maps.MapTypeI;` and didn't close `myOptions` with `{braces}` var myOptions = { zoom: 14, center: new google.maps.LatLng(22.3475365, 91.81233240000006), mapTypeId: google.maps.MapTypeId.ROADMAP }; — Teymur Mardaliyer Lennon, Aug 20 '16 at 12:16
@Teymur Mardaliyer Lennon how to check edit or write private ! I am a new user ;( — mostafiz67, Aug 20 '16 at 13:31

score 0 · Answer 1 · answered Aug 20 '16 at 12:05

0

Where did you get that key? Like Vishnu said, that should be the problem. If you did not get it from the Google Maps API documentation you should go there and get a new one (they are accessible for free). Also, the title of your question seems misleading in my opinion, as you do not seem to use PHP.

answered Aug 20 '16 at 12:05

TeachMeToAim

33
6

Now i use new API Key from google . But same problem – mostafiz67 Aug 20 '16 at 12:08
It can take a couple of minutes before it works. This error shouldn't be thrown for any other problem as far as I know, if you signed up for your API key correctly then either it should work or some other error will be thrown. – TeachMeToAim Aug 20 '16 at 12:19

Google Map does not work in php

1 Answers1