Google map to come an MVC view page

Question

i have an error when i am keeping api key also its not showing map..but without apikey its showing output

 

 

 

my code is:

<script>
function myMap() {
var mapCanvas = document.getElementById("map");
var mapOptions = {
center: new google.maps.LatLng(51.5, -0.2),
zoom: 10
}
var map = new google.maps.Map(mapCanvas, mapOptions);
}
</script>

<script src="http://maps.googleapis.com/maps/api/js?key=AIzaSyAEPqUnY2L-pAfri4Qk-BwcyUzu5IMTf6w"></script>
</body>
</html>