Google Maps v3 - 将边界设置为标记的中心

时间:2013-03-09 02:59:11

标签: javascript google-maps google-maps-api-3

尽管花了一整天的时间搜索并尝试了大量的代码方法,但我仍然遇到了尝试正确居中和缩放谷歌地图的问题。

我想知道是否会有人如此善意地指出在我的代码中我做错了什么。在v2中一切正常,但我很难更新到v3。

有关信息 地图是一个更大的PHP应用程序的一小部分,并且需要的lat&长映射参数已经通过主编程中使用的其他方法获得,并声明如下: -

var myDestination=new google.maps.LatLng(e_lat,e_long);
var myHome=new google.maps.LatLng(h_lat,h_long);

除了变焦和中心之外,一切似乎都能正常工作。 有问题的代码如下: -

function initialize()
{

// set the map properties
var mapProp = {
  center:myHome,
  zoom:12,
  mapTypeId:google.maps.MapTypeId.ROADMAP
  };

var map=new google.maps.Map(document.getElementById("googleMap"),mapProp);

// set the home marker
var marker_home=new google.maps.Marker({
  position:myHome,
  icon:'house.png'
   });

  marker_home.setMap(map);

//set the destination marker  
var marker_destination=new google.maps.Marker({
  position:myDestination,
  icon:'flag_red.png'
  });

  marker_destination.setMap(map);



//google polyline between the 2 points 
 var myPolyline = [myDestination,myHome];
 var directPath = new google.maps.Polyline({
  path:myPolyline,
  strokeColor:"#0000FF",
  strokeOpacity:0.8,
  strokeWeight:2  
});

directPath.setMap(map);


//  Make an array of the LatLng's of the markers you want to show
var LatLngList = array (new google.maps.LatLng (e_lat,e_long), new google.maps.LatLng  (h_lat,h_long));
//  Create a new viewpoint bound
var bounds = new google.maps.LatLngBounds ();
//  Go through each...
for (var i = 0, LtLgLen = LatLngList.length; i < LtLgLen; i++) {
//  And increase the bounds to take this point
bounds.extend (LatLngList[i]);
}
//  Fit these bounds to the map
map.fitBounds (bounds);

}

google.maps.event.addDomListener(window, 'load', initialize);

任何帮助的TIA:)

1 个答案:

答案 0 :(得分:1)

在您的代码中,“数组”未定义。请参阅jsFiddle

var LatLngList = array (new google.maps.LatLng (e_lat,e_long), new google.maps.LatLng  (h_lat,h_long));

你应该使用

var LatLngList = new Array(new google.maps.LatLng...)

var LatLngList = [new google.maps.LatLng...]