谷歌地图 API V3 方法 fitBounds() [英] Google maps API V3 method fitBounds()

问题描述

我有这个渲染地图的代码.

I have this code that renders a map.

function initialize() {
    var myOptions = {
      center: new google.maps.LatLng(45.4555729, 9.169236),
      zoom: 13,
      mapTypeId: google.maps.MapTypeId.ROADMAP,

panControl: true,
mapTypeControl: false,
panControlOptions: {
            position: google.maps.ControlPosition.RIGHT_CENTER
        },
zoomControl: true,
zoomControlOptions: {
    style: google.maps.ZoomControlStyle.LARGE,
    position: google.maps.ControlPosition.RIGHT_CENTER
},
scaleControl: false,
streetViewControl: false,
streetViewControlOptions: {
    position: google.maps.ControlPosition.RIGHT_CENTER
            }
        };
    var map = new google.maps.Map(document.getElementById("mapCanvas"),
        myOptions);



var Item_1 = new google.maps.LatLng(45.5983128 ,8.9172776);

var myPlace = new google.maps.LatLng(45.4555729, 9.169236);

var marker = new google.maps.Marker({
    position: Item_1, 
    map: map});

var marker = new google.maps.Marker({
    position: myPlace, 
    map: map});

var bounds = new google.maps.LatLngBounds(myPlace, Item_1);
map.fitBounds(bounds);

    }

即使两个点相距 25 公里我也得到这个结果:

Even if the two points are separated from 25 km I get this result:

虽然我想渲染更高级别的缩放.

While I would like to render a higher level zoom.

像这样

我使用方法 fitBounds()

    var bounds = new google.maps.LatLngBounds(myPlace, Item_1);
    map.fitBounds(bounds);

感谢您的支持

推荐答案

发生这种情况是因为 LatLngBounds() 不取任意两个点作为参数，而是取 SW 和 NE 点

This happens because LatLngBounds() does not take two arbitrary points as parameters, but SW and NE points

在空的边界对象上使用 .extend() 方法

use the .extend() method on an empty bounds object

var bounds = new google.maps.LatLngBounds();
bounds.extend(myPlace);
bounds.extend(Item_1);
map.fitBounds(bounds);

演示在 http://jsfiddle.net/gaby/22qte/

这篇关于谷歌地图 API V3 方法 fitBounds()的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！