c# .net Adsense ADO.NET Linq Viruses/security asp.net MVC JQuery Angular-js Node-js SEO Java C++ SQL API Networking vb.net .Net Css JavaScript Generics c#.Net entity framework HTML Website host Website Construction Guide HTTP tutorial W3C tutorial Web Services JSON Psychology Ionic framework Angular ReactJS Python Computer Android
API

Google Maps API error: MissingKeyMapError

| | JavaScript , JQuery

I got this following error due to google api key not passed as parameter to the URL.

The Google allows authenticated users to access their APIs using an API key. To get started working with google maps API click the link which will guide you the process of activating it. Once you get the generated API key. You need to pass the parameter API key to the URL. The URL contained in the script tag of the source will load all the symbols and definition of the goolge maps API. 

<script src="https://maps.googleapis.com/maps/api/js?v=3&key=YOUR-KEY" type="text/javascript"></script>

When you pass the input parameter longitude and latitude to the maps JavaScript the google maps API set location you want.

var latlng = new google.maps.LatLng(40.73, -73.93);

        var mapOptions = {

            zoom: 8,

            center: latlng,

            mapTypeId:google.maps.MapTypeId.ROADMAP

        }

 

You can also refer the link how to create google map API in detail.