Javascript 为什么我的谷歌地图不是';装载不完美吗? 位置 函数初始化(){ var mylatng=newgoogle.maps.LatLng(,); 变量映射选项={ 缩放:6, 中心:myLatlng } var map=new google.maps.map(document.getElementById('googleMap')、mapOptions); var marker=new google.maps.marker({position:mylatng}); var marker=new google.maps.marker({ 职位:myLatlng, 地图:地图, }); } google.maps.event.addDomListener(窗口“加载”,初始化);
!![在此处输入图像描述][1] !![在此处输入图像描述][2] 输出图像链接包括:Javascript 为什么我的谷歌地图不是';装载不完美吗? 位置 函数初始化(){ var mylatng=newgoogle.maps.LatLng(,); 变量映射选项={ 缩放:6, 中心:myLatlng } var map=new google.maps.map(document.getElementById('googleMap')、mapOptions); var marker=new google.maps.marker({position:mylatng}); var marker=new google.maps.marker({ 职位:myLatlng, 地图:地图, }); } google.maps.event.addDomListener(窗口“加载”,初始化);,javascript,google-maps,Javascript,Google Maps,!![在此处输入图像描述][1] !![在此处输入图像描述][2] 输出图像链接包括: 以上部分是我的代码和结果。我找不到错误。当我拖动地图时,地图的另一部分将不可见。为什么会发生这种情况?正如@KimGyesen所说,您必须使用resize刷新地图。 试试这个代码片段,也许这对你有点帮助 $(文档).ready(函数(){ var mylatng=new google.maps.LatLng(-25.363882131.044922); 变量映射选项={ 缩放:6, 中心:myLatlng
以上部分是我的代码和结果。我找不到错误。当我拖动地图时,地图的另一部分将不可见。为什么会发生这种情况?正如@KimGyesen所说,您必须使用resize刷新地图。 试试这个代码片段,也许这对你有点帮助
$(文档).ready(函数(){
var mylatng=new google.maps.LatLng(-25.363882131.044922);
变量映射选项={
缩放:6,
中心:myLatlng
}
var map=new google.maps.map(document.getElementById('googleMap')、mapOptions);
var marker=new google.maps.marker({
位置:myLatlng
});
var marker=new google.maps.marker({
职位:myLatlng,
地图:地图,
});
setInterval(函数(){
google.maps.event.trigger(映射,'resize');
fitBounds();
}, 2000);
});代码>
。请发一封信。
<h4>Location</h4>
<div class="full-row mt20">
<?php
if(empty($restaurant['Restaurant']['lattitude']))
$restaurant['Restaurant']['lattitude'] = 0;
if(empty($restaurant['Restaurant']['longitude']))
$restaurant['Restaurant']['longitude'] = 0;
?>
<script src="https://maps.googleapis.com/maps/api/js?v=3.exp"></script>
<script>
function initialize() {
var myLatlng = new google.maps.LatLng(<?php echo $restaurant['Restaurant']['lattitude']; ?>,<?php echo $restaurant['Restaurant']['longitude']; ?>);
var mapOptions = {
zoom: 6,
center: myLatlng
}
var map = new google.maps.Map(document.getElementById('googleMap'), mapOptions);
var marker=new google.maps.Marker({position:myLatlng});
var marker = new google.maps.Marker({
position: myLatlng,
map: map,
});
}
google.maps.event.addDomListener(window, 'load', initialize);
</script>
<div id="googleMap" style="height:250px;"></div>