Niedawno przeszedłem na Google Maps API V3. Pracuję nad prostym przykładem, który drukuje znaczniki z tablicy, jednak nie wiem, jak automatycznie wyśrodkować i powiększyć w odniesieniu do znaczników.
Przeszukałem wysoko i nisko netto, w tym własną dokumentację Google, ale nie znalazłem jednoznacznej odpowiedzi. Wiem, że mógłbym po prostu wziąć średnią współrzędnych, ale jak odpowiednio ustawić zoom?
function initialize() {
var myOptions = {
zoom: 10,
center: new google.maps.LatLng(-33.9, 151.2),
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.423036, 151.259052, 5],
['Cronulla Beach', -34.028249, 121.157507, 3],
['Manly Beach', -33.80010128657071, 151.28747820854187, 2],
['Maroubra Beach', -33.450198, 151.259302, 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 lat = map.getCenter().lat();
var lng = map.getCenter().lng();
var shape = {
coord: [1, 1, 1, 20, 18, 20, 18 , 1],
type: 'poly'
};
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]
});
}
}
javascript
google-maps
google-maps-api-3
Michael Bradley
źródło
źródło
Wszystko posortowane - zobacz kilka ostatnich wierszy kodu - (
bounds.extend(myLatLng); map.fitBounds(bounds);
)źródło
Moja propozycja dla Google Maps API v3 byłaby (nie sądzę, że można to zrobić bardziej efektywnie):
W rezultacie zmieścisz wszystkie punkty w granicach w oknie mapy.
Przykład działa idealnie i możesz go swobodnie sprawdzić tutaj www.zemelapis.lt
źródło
false
, jeślibounds
sąnull
, możnamaps[ mapId ].getBounds()
.Odpowiedzi są idealne do dostosowania granic mapy dla znaczników, ale jeśli chcesz rozszerzyć granice Map Google dla kształtów takich jak wielokąty i koła, możesz użyć następujących kodów:
Dla kręgów
Dla wielokątów
Dla prostokątów
Dla polilinii
źródło
Metoda setCenter () ma nadal zastosowanie do najnowszej wersji Maps Maps API for Flash, w której fitBounds () nie istnieje.
źródło
Użyj poniżej jednego,
map.setCenter (bounds.getCenter (), map.getBoundsZoomLevel (bounds));
źródło