1

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

我会补充一点，我在这个项目上使用 twitter bootstrap 2.x，以防万一。

4

1 回答 1

1

这是 Cloudflare 的 Rocket Loader 的问题。我正在等待 CF 的修复。

于 2013-10-17T21:27:31.893 回答