Javascript 本地服务器端工作,但在gearhost上托管时不工作

Javascript 本地服务器端工作,但在gearhost上托管时不工作,javascript,php,Javascript,Php,在此之前,我发布了以下问题: 问题本质上是将包含纬度/经度的PHP变量传递到Maps Javascript API中 完整工作代码如下所示: <script> var marker; function initMap() { var map = new google.maps.Map(document.getElementById('map'), { zoom: 13, center: {lat: p

在此之前,我发布了以下问题:

问题本质上是将包含纬度/经度的PHP变量传递到Maps Javascript API中

完整工作代码如下所示:

<script>
    var marker;

    function initMap() {
        var map = new google.maps.Map(document.getElementById('map'), {
            zoom: 13,
            center: {lat: parseFloat('<?php echo $lat;?>'), lng: parseFloat('<?php echo $lng;?>')}
        });

        marker = new google.maps.Marker({
            map: map,
            draggable: true,
            animation: google.maps.Animation.DROP,
            position: {lat: parseFloat('<?php echo $lat;?>'), lng: parseFloat('<?php echo $lng;?>')}
        });
            marker.addListener('click', toggleBounce);
    }

    function toggleBounce() {
        if (marker.getAnimation() !== null) {
            marker.setAnimation(null);
        } else {
            marker.setAnimation(google.maps.Animation.BOUNCE);
        }
    }

</script>
<script async defer
    src="https://maps.googleapis.com/maps/api/js?key=MY_API_KEY&signed_in=true&callback=initMap"></script>

var标记;
函数initMap(){
var map=new google.maps.map(document.getElementById('map'){
缩放:13,
中心:{lat:parseFloat(“”),lng:parseFloat(“”)}
});
marker=新的google.maps.marker({
地图:地图,
真的,
动画:google.maps.animation.DROP,
位置:{lat:parseFloat(“”),lng:parseFloat(“”)}
});
marker.addListener('click',toggleBounce);
}
函数toggleBounce(){
if(marker.getAnimation()!==null){
marker.setAnimation(null);
}否则{
setAnimation(google.maps.Animation.BOUNCE);
}
}
这在本地有效,我得到了预期的结果,地图显示了正确的位置

但是,当我将站点部署到gearhost时,地图画布从未加载。或者我应该说,永远不要装东西

当我查看页面源代码时,会传入正确的PHP变量,并且一切都是正确的


地图画布未加载的原因是什么

您的API密钥是否仅限于某些域?对于这一点,我建议您在根本不使用API密钥的情况下进行尝试,我认为在这一点上您不需要它。检查JS错误。创建一个新的API密钥并重试。@LoganBentley当我删除该密钥并导航到该页面时,会出现“API密钥无效或无法在此域上使用”错误,当我放入API密钥时,该错误不会显示。Hmm。然后我会推荐Jaya所说的,检查JS错误-他们会给你调试的方向。@LoganBentley唯一的JS错误是“未捕获的错误:Bootstrap的JavaScript需要jQuery”。还有其他方面吗?API密钥是否仅限于某些域?对于这一点,我建议您在根本不使用API密钥的情况下进行尝试,我认为在这一点上您不需要它。检查JS错误。创建一个新的API密钥并重试。@LoganBentley当我删除该密钥并导航到该页面时,会出现“API密钥无效或无法在此域上使用”错误,当我放入API密钥时,该错误不会显示。Hmm。然后我会推荐Jaya所说的,检查JS错误-他们会给你调试的方向。@LoganBentley唯一的JS错误是“未捕获的错误:Bootstrap的JavaScript需要jQuery”。还有别的方向吗?