在哪里添加google.maps.event.trigger(map,'resize')

时间:2018-06-08 09:53:33

标签: javascript google-maps

对此有类似的问题但是代码不同,所以要求我的具体案例





我有这个嵌入谷歌地图的代码进入流体宽度div。根据我的研究,它被切断了,因为我需要添加google.maps.event.trigger(map,'resize')以防止这种情况发生。唯一的问题是,我不知道我的代码应该去哪里。提前感谢所有帮助:)









 函数initMap(){
 //在夜间模式下为地图设置样式。
 var map = new google.maps.Map(document.getElementById('map'),{
 center:{lat:59.3367746,lng:18.079787},
 zoom: 16,
样式:[
 {“featureType”:“water”,“elementType”:“geometry”,“stylers”:[{“color”:“# E9E9E9 “},{” 亮度 “:17}]},{” 类型特征 “:” 风景 “ ”的ElementType“: ”几何“, ”造型器“:[{ ”颜色“: ”#f5f5f5“},{” 亮度“:20}]},{” 类型特征 “:” road.highway”, “的ElementType”: “geometry.fill”, “造型器”:[{ “颜色”: “#FFFFFF”},{ “亮度”:17 }]},{ “类型特征”: “road.highway”, “的ElementType”: “geometry.stroke”, “造型器”:[{ “颜色”: “#FFFFFF”},{ “亮度”:29},{ “权重”:0.2}]},{ “类型特征”: “road.arterial”, “的ElementType”: “几何”, “造型器”:[{ “颜色”: “#FFFFFF”},{ “亮度”:18 }]},{ “类型特征”: “road.local”, “的ElementType”: “几何”, “造型器”:[{ “颜色”: “#FFFFFF”},{ “亮度”:16}]},{ “类型特征”: “POI”, “的ElementType”: “几何”, “造型器”:[{ “颜色”: “#f5f5f5”},{ “亮度”:21}]},{ “类型特征”:“POI。公园“‘元素类型’:‘几何体’,”造型器 “:[{” 颜色 “:” #dedede “},{” 亮度 “:21}]},{” 的ElementType “:” labels.text.stroke “ ”造型器“:[{ ”可视性“:” 上“},{” 颜色 “:” #FFFFFF “},{” 亮度 “:16}]},{” 的ElementType “:” labels.text.fill”, “造型器”:[{ “饱和”:36}, { “颜色”: “#333333”},{ “亮度”:40}]},{ “的ElementType”: “labels.icon”, “造型器”:[{ “可视性”: “关”}]},{ “类型特征”: “运输”, “的ElementType”: “几何”, “造型器”:[{ “颜色”: “#f2f2f2”},{ “亮度”:19}]},{ “类型特征”: “行政” “的ElementType”: “geometry.fill”, “造型器”:[{ “颜色”: “#fefefe”},{ “亮度”:20}]},{ “类型特征”: “行政”, “的ElementType”: “geometry.stroke”, “造型器”:[{ “颜色”: “#fefefe”},{ “亮度”:17},{ “重量”:1.2}]}&#的xD;
 ]&#的xD;
 });&#的xD;
 //让我们在它的同时添加一个标记
 var image ='<?php echo get_template_directory_uri(); ?> /img/marker.svg';&#的xD;
 var marker = new google.maps.Marker({
 position:new google.maps.LatLng(59.3367746,18.079787),
 map:map,
& #xA; icon:image,
});
 }  
&#的xD;

&#的xD;

&#的xD;





1 个答案:

答案 0 :(得分:0)

xomena的评论解决了这个问题,我只是将& v = 3.31添加到我的API密钥URL的末尾。