Javascript 本地服务器端工作,但在gearhost上托管时不工作
在此之前,我发布了以下问题: 问题本质上是将包含纬度/经度的PHP变量传递到Maps Javascript API中 完整工作代码如下所示: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
<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”。还有别的方向吗?