Javascript Google maps js未在chrome或opera中显示

我对这个问题做了很多搜索，找到了很多结果，但没有一个对这个问题有帮助。我不久前安装了一个谷歌地图，它工作了。然后，在我没有改变任何东西的情况下，它在chrome&opera中停止工作，但在IE和android的chrome中仍然工作。前几天，我用新代码替换了它，并使它在所有浏览器中都能正常工作，但现在我注意到它在chrome&opera中不再工作，但在IE和chrome for android中工作良好。到底发生了什么事

<div id="map-canvas" style="width:100%; height:300px; max-width: 100%;"></div>
<script type="text/javascript">
    function initialize() {
        var myLatlng = new google.maps.LatLng(<? echo $lat; ?>, <? echo $long; ?>);
        var mapOptions = {
            zoom: 15,
            center: myLatlng,
            mapTypeId: google.maps.MapTypeId.ROADMAP
        }
        var map = new google.maps.Map(document.getElementById("map-canvas"), mapOptions);
        var marker = new google.maps.Marker({
            position: myLatlng,
            map: map,
            title: "Hello world"
        });
        //marker.setMap(map);
    }

    function loadScript() {
        var script = document.createElement("script");
        script.type = "text/javascript";
        script.src = "https://maps.googleapis.com/maps/api/js?key=API_KEY_HERE&sensor=false&callback=initialize";
        document.body.appendChild(script);
    }

    window.onload = loadScript;
</script>

函数初始化（）{
var mylatng=newgoogle.maps.LatLng（，）；
变量映射选项={
缩放：15，
中心：myLatlng，
mapTypeId:google.maps.mapTypeId.ROADMAP
}
var map=new google.maps.map（document.getElementById（“地图画布”），mapOptions）；
var marker=new google.maps.marker({
职位：myLatlng，
地图：地图，
标题：“你好，世界”
});
//marker.setMap（map）；
}
函数loadScript（）{
var script=document.createElement（“脚本”）；
script.type=“text/javascript”；
script.src=”https://maps.googleapis.com/maps/api/js?key=API_KEY_HERE&sensor=false&callback=initialize";
document.body.appendChild（脚本）；
}
window.onload=loadScript；

---

我要补充一点，我在这个项目上使用的是twitter bootstrap 2.x，以防它产生影响。

这是Cloudflare的火箭加载器的问题。我正在等待CF的修复。

这是Cloudflare火箭装载机的问题。我正在等待CF的修复。

信息不足。查看错误控制台，看看是否有错误。我已经做了，没有错误。你建议我补充什么信息？信息不够。查看错误控制台，看看是否有错误。我已经做了，没有错误。你建议我补充什么信息？