Google Maps会在运行JS时抛出意外令牌错误 - mapTypeId。

Question

Index.php文件：我正在使用index.php文件中的脚本链接，以确保它能够识别来自网络的Google API。无法弄清楚为什么它会给我这个错误。任何帮助都会非常有益。

//Script is attached at the head of the HTML
<script src="https://maps.googleapis.com/maps/api/js?key=AIzaSyArRvb1kURQjMQQGaFs9dN2dWvACvBGF3c">

//script is attached at the bottom of the page with all the other javascript files linked to the index.php    
<script src="map.js"></script>

<!--Google Map-->
<div id="googleMap"></div>

Map.js文件：它一直给我一个解析错误：意外的令牌; mapTypeId：google.maps.mapTypeId.Roadmap;

var map;
//set map options
var myLatLng = {lat: 38.7628, lng: -93.7360};
var mapOptions= {
    center: myLatLng,
    zoom: 10,
    mapTypeId: google.maps.mapTypeId.ROADMAP;
}

//onload
google.maps.event.addDomListener(window, 'load', initialize);

//initialize: draw map in the #googleMap div
function initialize(){
    //create map
    map = new google.maps.Map(document.getElementById("googleMap"),mapOptions);     
}

Styling.css文件：用于使地图显示在页面上的样式代码。

#googleMap{
    width: 100%;
    height: 30vh;
    margin: 10px auto;
}