Google Map API v3 — границы набора и центр

$("#Row1").after($("#Row2"));

будет работать

294
задан Kate Gregory 23 September 2013 в 04:40
поделиться

3 ответа

Все отсортировано - см. Последние несколько строк кода - ( bounds.extend (myLatLng); map.fitBounds (bounds); )

function initialize() {
  var myOptions = {
    zoom: 10,
    center: new google.maps.LatLng(0, 0),
    mapTypeId: google.maps.MapTypeId.ROADMAP
  }
  var map = new google.maps.Map(
    document.getElementById("map_canvas"),
    myOptions);
  setMarkers(map, beaches);
}

var beaches = [
  ['Bondi Beach', -33.890542, 151.274856, 4],
  ['Coogee Beach', -33.923036, 161.259052, 5],
  ['Cronulla Beach', -36.028249, 153.157507, 3],
  ['Manly Beach', -31.80010128657071, 151.38747820854187, 2],
  ['Maroubra Beach', -33.950198, 151.159302, 1]
];

function setMarkers(map, locations) {
  var image = new google.maps.MarkerImage('images/beachflag.png',
    new google.maps.Size(20, 32),
    new google.maps.Point(0,0),
    new google.maps.Point(0, 32));
  var shadow = new google.maps.MarkerImage('images/beachflag_shadow.png',
    new google.maps.Size(37, 32),
    new google.maps.Point(0,0),
    new google.maps.Point(0, 32));
  var shape = {
    coord: [1, 1, 1, 20, 18, 20, 18 , 1],
    type: 'poly'
  };
  var bounds = new google.maps.LatLngBounds();
  for (var i = 0; i < locations.length; i++) {
    var beach = locations[i];
    var myLatLng = new google.maps.LatLng(beach[1], beach[2]);
    var marker = new google.maps.Marker({
      position: myLatLng,
      map: map,
      shadow: shadow,
      icon: image,
      shape: shape,
      title: beach[0],
      zIndex: beach[3]
    });
    bounds.extend(myLatLng);
  }
  map.fitBounds(bounds);
}
181
ответ дан 23 November 2019 в 01:37
поделиться

Да, просто объявите свой новый объект границ.

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

Затем для каждого маркера расширьте объект границ:

bounds.extend(myLatLng);
map.fitBounds(bounds);

API: google.maps.LatLngBounds

413
ответ дан 23 November 2019 в 01:37
поделиться

Используйте ниже,

map.setCenter(bounds.getCenter(), map.getBoundsZoomLevel(bounds));

-15
ответ дан 23 November 2019 в 01:37
поделиться
Другие вопросы по тегам:

Похожие вопросы: