0

我有一些 jQuery 代码通过位置结果表并将相应的引脚放在地图上。我无法弄清楚如何设置边界,以便当它通过循环并在地图上生成标记时,它会缩放和平移以适应视图中的标记。我已经尝试从这个站点上的一些类似问题中实现代码,但似乎没有任何效果。请让我知道我应该使用什么代码以及我应该把它放在我的脚本中的什么地方:

$(function() {
   var latlng = new google.maps.LatLng(44, 44);

   var settings = {
      zoom: 15,
      center: latlng,
      disableDefaultUI: false,
      mapTypeId: google.maps.MapTypeId.ROADMAP
   };

   var map = new google.maps.Map(document.getElementById("map_canvas"), settings);

      $('tr').each(function(i) {

         var the_marker = new google.maps.Marker({
            title: $(this).find('.views-field-title').text(),
            map: map,
            clickable: true,
            position: new google.maps.LatLng(
               parseFloat($(this).find('.views-field-latitude').text()),
               parseFloat($(this).find('.views-field-longitude').text())
            )
         });

         var infowindow = new google.maps.InfoWindow({
            content:  $(this).find('.views-field-title').text() +
                      $(this).find('.adr').text()
         });

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

         });
      });
});

`

4

1 回答 1

0

var map = ...添加下var bounds = new google.maps.Bounds(latlng, latlng);

然后在你的循环下var the_marker = ...添加bounds.extend(the_marker.getPosition());

然后是循环结束添加map.fitBounds(bounds);

于 2010-08-09T01:11:09.647 回答