Google maps api 3 谷歌地图don';t显示/无休止地加载js脚本

Google maps api 3 谷歌地图don';t显示/无休止地加载js脚本,google-maps-api-3,Google Maps Api 3,我有一个奇怪的问题。我想在我正在工作的网站上显示谷歌地图。我使用一个map.php,包括html代码和我的initMap和createMap函数,在名为class.map.js的文件中使用map类和构造函数创建我的map 网页似乎像class.map.js一样无休止地加载,控制台中没有错误,控制台中的repet是放置在构造函数中的console.log(“repet”),显示class.map.js正在执行某种循环。有线索吗 //类来存储映射函数 //@class地图 类图{ 建造商(GOO

我有一个奇怪的问题。我想在我正在工作的网站上显示谷歌地图。我使用一个map.php,包括html代码和我的initMap和createMap函数,在名为class.map.js的文件中使用map类和构造函数创建我的map

网页似乎像class.map.js一样无休止地加载,控制台中没有错误,控制台中的repet是放置在构造函数中的console.log(“repet”),显示class.map.js正在执行某种循环。有线索吗


//类来存储映射函数
//@class地图
类图{
建造商(GOOGLEAPEKEY、现场、lat、lng、latLngRef、过滤器、geo){
/////////////////////////  ////////////////////////////////
/////////////////////////////////////////////////////////////////////////
/*全局参数*/
this.googleApiKey=googleApiKey;//Api键
//locale?this.locale=locale.split(“”“)[0]:this.locale='fr';
this.locale='fr';
//locale.split(“”“)[0];//国家/地区
this.filter=filter;//IM上方的过滤器
this.defaultZoomLevel=13;
this.boolZoomDisplay=true;
//refreshData用于确定是否需要displayData()
this.isGeo=geo;如果地理位置可用,则为true;否则为false
//如果geo==true:lat/lng=我的当前位置
//其他:lat/lng=参考地面位置(或NaN,如果没有)
this.lat=lat;
这是液化天然气=液化天然气;
this.latLng={lat:lat,lng:lng};
this.latLngRef=latLngRef;//用户参考地面地理位置,can值NaN
this.countryLatLng={lat:48.6,lng:2.3};
console.log(“repet”)
//国家坐标
//如果导航器对象可用,我们将countryLatLng值设置为文本文件获得的值
//if(navigator.language!=null){
//let pays=navigator.language.split('-')[1];
////执行$.ajax而不是$.JSON,以使调用不异步
//让我们一起来;
//$.ajax({
//url:“countryCoordinates.json”,
//数据类型:“json”,
//async:false,
//成功:功能(数据){
//设obj=data[pays]| | data['FR'];
//设lat=obj['lat'];
//设lng=obj['lng'];
////设lat=48.6;
////设lng=2.3;
//_latLng={lat:lat,lng:lng};
//         }
//     });
//this.countryLatLng=\u latLng;
// }
this.markersArray=[];//包含已创建的所有标记
this.newMarkers=[];//包含所有未显示的标记
this.mouseDownPos=null;//用于解决禁用Croll上的单击事件的问题
//当前打开的信息窗口
this.selectedInfo=new google.maps.InfoWindow({});
//临时标记(创建新场地)
这是一个临时标记;
//==如果单击在集群上,则为True;否则==false
this.clusterClicked=false;
//点菜式配置:https://snazzymaps.com 
此参数为0.styles=[
{“featureType”:“all”,“elementType”:“labels.text.fill”,“stylers”:[{“saturation”:36},{“color”:“#333333”},{“lightness”:40}]},
{“featureType”:“all”,“elementType”:“labels.text.stroke”,“stylers”:[{“visibility”:“on”},{“color”:“#ffffff”},{“lightness”:16}]},
{“featureType”:“all”,“elementType”:“labels.icon”,“stylers”:[{“visibility”:“off”}]},
{“featureType”:“administrative”,“elementType”:“geometry.fill”,“stylers”:[{“color”:“#fefefefe”},{“lightness”:20}]},
{“featureType”:“administrative”,“elementType”:“geometry.stroke”,“stylers”:[{“color”:“#fefefefe”},{“lightness”:17},{“weight”:1.2}]},
{“特征类型”:“景观”,“元素类型”:“几何体”,“样式器”:[{“颜色”:“#f5”},{“亮度”:20}]},
{“featureType”:“poi”,“elementType”:“geometry”,“stylers”:[{“color”:“#F5”},{“lightness”:21}]},
{“featureType”:“poi.park”,“elementType”:“geometry”,“stylers”:[{“color”:“#dedede”},{“lightness”:21}]},
{“featureType”:“road”,“elementType”:“geometry.fill”,“stylers”:[{“color”:“#858585”}]},
{“featureType”:“road.highway”,“elementType”:“geometry.fill”,“stylers”:[{“lightness”:17}]},
{“featureType”:“road.highway”,“elementType”:“geometry.stroke”,“stylers”:[{“color”:“#ffffff”},{“lightness”:29},{“weight”:0.2}]},
{“featureType”:“road.Arteral”,“elementType”:“geometry”,“stylers”:[{“color”:“#ffffff”},{“lightness”:18}]},
{“featureType”:“road.Arteral”,“elementType”:“geometry.fill”,“stylers”:[{“color”:“#c7c7c7”}]},
{“featureType”:“road.local”,“elementType”:“geometry”,“stylers”:[{“color”:“#ffffff”},{“lightness”:16}]},
{“featureType”:“road.local”,“elementType”:“geometry.fill”,“stylers”:[{“color”:“#c7c7c7”}]},
{“featureType”:“transit”,“elementType”:“geometry”,“stylers”:[{“color”:“#F2F2F2F2”},{“lightness”:19}]},
{“featureType”:“water”,“elementType”:“geometry”,“stylers”:[{“color”:“#e9e9e9”},{“lightness”:17}]},
{“featureType”:“water”,“elementType”:“geometry.fill”,“stylers”:[{“color”:“#c7c7c7”}]}
];
//生成簇样式
//移动clusterStyles和mcOptions可能更好
让clusterStyles=[
{
textColor:'白色',
url:'assets/img/ui/m1.png',
宽度:55,
身高:54,
},