谷歌地图js不显示在chrome或opera中

Question

我已经对这个问题进行了大量搜索，并找到了很多结果，但在这种情况下似乎没有一个有帮助。我不久前设置了一个谷歌地图，它奏效了。然后，如果没有我更改任何东西，它停止在chrome和opera中工作，但仍然可以在IE和chrome中为android工作。前几天我用新的代码替换了它，让它在所有浏览器中再次工作，但现在我注意到它不再适用于chrome和opera，但在IE和chrome中适用于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>

我要补充一点，我正在这个项目上使用 twitter bootstrap 2.x，以防万一有影响。

Answer 1

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