Question

我已经做了很多搜索这个问题，发现了很多结果但没有一个在这种情况下似乎有所帮助。我刚刚设置了一个谷歌地图，它的工作原理。然后我不换任何东西，它停止工作在chrome＆amp;歌剧，但仍然在IE和Chrome工作的Android。有一天，我用新代码替换它，并在所有浏览器中重新使用它，但现在我注意到它不再适用于chrome＆amp; 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以防万一。

Answer 1

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

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

1 个答案: