2017-02-23 57 views
-1

我搜索了这个问题,我发现答案说我需要把我的代码里面$(document).ready功能,以使地图正常加载如何在不刷新页面的情况下正确加载Google地图API?

,但如果我不使用jQuery是什么?如果我只使用Javascript呢?所以我搜索的$(document).ready相当于发现this answer

,所以我尝试写一个脚本与功能:

function initbdg() { 
var myLatlngBDG = new google.maps.LatLng(-6.913947, 107.633825); 

var mapOptionsBDG = { 
    zoom: 15, 
    center: myLatlngBDG, 
    mapTypeId: google.maps.MapTypeId.ROADMAP, 
    mapTypeControl: 0 
} 

var mapBDG = new google.maps.Map(document.getElementById("map-BDG"), mapOptionsBDG); 

var markerBDG = new google.maps.Marker({ 
    position: myLatlngBDG, 
    map: mapBDG, 
    title: 'PT. Buana Citra Abadi Bandung' 
}); 
markerBDG.setMap(mapBDG); 
}; 
document.addEventListener("DOMContentLoaded", function(event) { 
    google.maps.event.addDomListener(window, "load", initbdg); 
}); 

,但我仍然需要刷新页面几次。

有什么法子正确加载谷歌地图没有更新,特别是如果用户有互联网连接速度较慢,因为我敢肯定,我的大多数用户拥有互联网连接速度较慢

+0

为什么downvote?应该有很多人想知道如何编写脚本,以便Google地图API在不刷新页面的情况下加载 – Citra45Abadi

回答

1

这应该是足够了:

document.addEventListener("DOMContentLoaded", function() { 
    initbdg(); 
}); 
相关问题