Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/474.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/1/php/236.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 谷歌地图api初始缩放错误_Javascript_Php_Google Maps - Fatal编程技术网

Javascript 谷歌地图api初始缩放错误

Javascript 谷歌地图api初始缩放错误,javascript,php,google-maps,Javascript,Php,Google Maps,我有以下代码: <?php if($_GET['postcode']){ ?> //alert(<?php echo $_GET['postcode'];?>) <?php }?> function initialize() { var mapOptions = { zoom: 6, center: new google.maps.LatLng("<?php echo $_GET[

我有以下代码:

<?php if($_GET['postcode']){ ?>

//alert(<?php echo $_GET['postcode'];?>)

<?php }?>

      function initialize() {
        var mapOptions = {
          zoom: 6,
          center: new google.maps.LatLng("<?php echo $_GET['postcode'];?>"),
          mapTypeId: google.maps.MapTypeId.ROADMAP
        };

        var map = new google.maps.Map(document.getElementById('map_canvas'),mapOptions);
        map.setTilt(45);

        var addressArray = new Array("<?php echo $_GET['postcode'];?>");
        var geocoder = new google.maps.Geocoder();

        var markerBounds = new google.maps.LatLngBounds();

        for (var i = 0; i < addressArray.length; i++) {
        geocoder.geocode( { 'address': addressArray[i]}, function(results, status) {
        if (status == google.maps.GeocoderStatus.OK) {

        var contentString = '<div id="content">'+
        '<div id="siteNotice">'+
        '</div>'+
        '<h4 id="firstHeading" class="firstHeading">HELLO</h4>'+
        '<div id="bodyContent">'+
        '<p><b>Hello!!</b>' + <?php echo $_GET["order_id"];?> + '</p>'+
        '</div>'+
        '</div>';

        var infowindow = new google.maps.InfoWindow({
        content: contentString
        });

        var marker = new google.maps.Marker({
        map: map, 
        title:"Order Number",
        position: results[0].geometry.location
        });

        markerBounds.extend(results[0].geometry.location);
        map.fitBounds(markerBounds);

        google.maps.event.addListener(marker, 'click', function() {
        infowindow.open(map,marker);
        });

        } else {
        alert("Geocode was not successful for the following reason: " + status);
        }
        });
        }
      }

      function loadScript() {
        var script = document.createElement('script');
        script.type = 'text/javascript';
        script.src = 'https://maps.googleapis.com/maps/api/js?v=3.exp&sensor=false&' +
            'callback=initialize';
        document.body.appendChild(script);
      }

      window.onload = loadScript;
    </script>

//警报()
函数初始化(){
变量映射选项={
缩放:6,
中心:新的google.maps.LatLng(“”),
mapTypeId:google.maps.mapTypeId.ROADMAP
};
var map=new google.maps.map(document.getElementById('map_canvas'),mapOptions);
地图.设置倾斜(45);
var addressArray=新数组(“”);
var geocoder=new google.maps.geocoder();
var markerBounds=new google.maps.LatLngBounds();
对于(变量i=0;i”+
''+
'';
var infowindow=new google.maps.infowindow({
内容:contentString
});
var marker=new google.maps.marker({
地图:地图,
标题:“订单号”,
位置:结果[0]。几何体。位置
});
markerBounds.extend(结果[0].geometry.location);
地图边界(markerBounds);
google.maps.event.addListener(标记'click',函数(){
信息窗口。打开(地图、标记);
});
}否则{
警报(“地理编码因以下原因未成功:“+状态”);
}
});
}
}
函数loadScript(){
var script=document.createElement('script');
script.type='text/javascript';
script.src=https://maps.googleapis.com/maps/api/js?v=3.exp&sensor=false&' +
'回调=初始化';
document.body.appendChild(脚本);
}
window.onload=loadScript;
由于某些原因,当地图加载时,缩放级别已满,因此它会向右缩放到标记中。我尝试过在初始化部分调整缩放级别,但没有任何乐趣。我的猜测是,这与标记边界有关。有人知道如何调整缩放,使其不在标记上完全缩放吗

由于某些原因,当地图加载时,缩放级别已满,因此它会向右缩放到 马克

如果对象中有一个板条,则应尽可能放大。从文件中:

fitBounds(bounds:LatLngBounds) None Sets the viewport to contain the given bounds. fitBounds(bounds:LatLngBounds)无将视口设置为包含给定边界。 如果只有一个标记,不要使用fitBounds,请使用.setCenter(在标记的坐标上,.setZoom(到所需的缩放级别)

如果您的代码需要处理两种情况(一个标记或多个标记),请计算添加到边界的标记,如果数量为一,请使用.setCenter/.setZoom;如果数量超过一,请使用.fitBounds