Od wczoraj walczę z Google Maps APIv3.
Mam ileś tam punktów na mapie, ale chciałbym, aby mapa automatycznie dostosowywała zoom do punktów, które są na mapie.
Obecnie mam taki oto kod:
<script type="text/javascript"> <!-- var mapa; // obiekt globalny function dodajMarker(opcjeMarkera) { opcjeMarkera.map = mapa; var marker = new google.maps.Marker(opcjeMarkera); } function mapaStart() { var wspolrzedne = new google.maps.LatLng(51.75817169098314,19.45627212524414); var opcjeMapy = { zoom: 4, center: wspolrzedne, mapTypeId: google.maps.MapTypeId.ROADMAP }; mapa = new google.maps.Map(document.getElementById("mapka"), opcjeMapy); // wspólne cechy ikon var rozmiar = new google.maps.Size(12,20); var rozmiar_cien = new google.maps.Size(22,20); var punkt_startowy = new google.maps.Point(0,0); var punkt_zaczepienia = new google.maps.Point(16,16); var ikona_35 = new google.maps.MarkerImage("http://labs.google.com/ridefinder/images/mm_20_yellow.png", rozmiar, punkt_startowy, punkt_zaczepienia); var ikona_36 = new google.maps.MarkerImage("http://labs.google.com/ridefinder/images/mm_20_blue.png", rozmiar, punkt_startowy, punkt_zaczepienia); var ikona_37 = new google.maps.MarkerImage("http://labs.google.com/ridefinder/images/mm_20_green.png", rozmiar, punkt_startowy, punkt_zaczepienia); var ikona_38 = new google.maps.MarkerImage("http://labs.google.com/ridefinder/images/mm_20_red.png", rozmiar, punkt_startowy, punkt_zaczepienia); var ikona_39 = new google.maps.MarkerImage("http://labs.google.com/ridefinder/images/mm_20_orange.png", rozmiar, punkt_startowy, punkt_zaczepienia); var ikona_40 = new google.maps.MarkerImage("http://labs.google.com/ridefinder/images/mm_20_purple.png", rozmiar, punkt_startowy, punkt_zaczepienia); var ikona_36 = new google.maps.MarkerImage("http://labs.google.com/ridefinder/images/mm_20_white.png", rozmiar, punkt_startowy, punkt_zaczepienia); var cien = new google.maps.MarkerImage("http://labs.google.com/ridefinder/images/mm_20_shadow.png", rozmiar_cien, punkt_startowy, punkt_zaczepienia); dodajMarker({position: new google.maps.LatLng(54.3721279,18.6269876), title: 'Multikino Gdańsk - Kino 10-ekranowe', icon: ikona_37, shadow: cien, clickable: true}); dodajMarker({position: new google.maps.LatLng(52.39990521956092,16.929244995117187), title: 'Multikino Poznań - Kino 8-ekranowe', icon: ikona_37, shadow: cien, clickable: true}); dodajMarker({position: new google.maps.LatLng(52.1498963,21.046855), title: 'Multikino Ursynów - Kino 12-ekranowe', icon: ikona_37, shadow: cien, clickable: true}); dodajMarker({position: new google.maps.LatLng(52.211104250993905,20.769996643066406), title: 'Wacker Maszyny Budowlane / Budynek biurowo-magazynowy', icon: ikona_37, shadow: cien, clickable: true}); dodajMarker({position: new google.maps.LatLng(52.206864,20.954589), title: 'Ogrody Shiraz', icon: ikona_39, shadow: cien, clickable: true}); dodajMarker({position: new google.maps.LatLng(55.745762657730495,37.778892517089844), title: 'Perovo Shopping Center', icon: ikona_35, shadow: cien, clickable: true}); } --> </script>
Chciałem zastosować takie rozwiązanie:
var LatLngList = array (new google.maps.LatLng(53.4203,14.7011), new google.maps.LatLng(53.3902,14.7202), new google.maps.LatLng(53.4101,14.6033), new google.maps.LatLng(53.4014,14.5104)); var bounds = new google.maps.LatLngBounds (); for (var i = 0, LtLgLen = LatLngList.length; i < LtLgLen; i++) { bounds.extend (LatLngList[i]); } map.fitBounds (bounds);
Ale mi nie działa.
Czy możecie jakoś wspomóc kolegę?
