Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [inne]Markery na mapie google
Forum PHP.pl > Forum > Przedszkole
szczemp
Mam na stronie mapę google. Javaskrypt odpowiedzialny za to wygląda tak:
  1. function map1_initialize( ) {
  2. var dymek = new google.maps.InfoWindow();
  3.  
  4. var zadania = [ {
  5. name: "nazwa punktu",
  6. latlng: new google.maps.LatLng( współrzędnePunktu, współrzędnePunktu )
  7. },tu wiele takich punktów];
  8. var map = new google.maps.Map( document.getElementById( "mapka" ), {
  9. center: new google.maps.LatLng(współrzędne, współrzędne),
  10. zoom: 14,
  11. mapTypeId: google.maps.MapTypeId.ROADMAP
  12. } );
  13.  
  14. function dodajMarker(latlng,txt) {
  15. var opcjeMarkera = {
  16. position: latlng,
  17. map: map
  18. }
  19. var marker = new google.maps.Marker(opcjeMarkera);
  20. marker.txt=txt;
  21. google.maps.event.addListener(marker,"click",function() {
  22. dymek.setContent(marker.txt);
  23. dymek.open(map,marker);
  24. });
  25. return marker;
  26. }
  27.  
  28. for ( var i = 0; i < zadania.length; i++ ) {
  29. dodajMarker(zadania[ i ].latlng, zadania[ i ].name);
  30. }var latlngbounds = new google.maps.LatLngBounds( );
  31.  
  32. for ( var i = 0; i < zadania.length; i++ ) {
  33. latlngbounds.extend( zadania[ i ].latlng, zadania[ i ].name);
  34. }
  35.  
  36. map.fitBounds( latlngbounds );}
  37. google.maps.event.addDomListener( window, 'load', map1_initialize );

Punktów na mapie jest dość sporo i chciałbym je jakoś skomasować. Chodzi mi o taki myk, że im mapa bardziej oddalona, to punkty blisko siebie wyświetlane są jako jeden. A jak mapę się przybliża, to punkty się rozdzielają. Dobrze to widać np na mapie paczkomatów https://twoj.inpost.pl/pl/znajdz-punkt-inpost. Chciałbym to wprowadzić do mojego skryptu, ale nie znam się na api googlemap. Przyznam, że mój skrypt skopiowałem z jakiegoś tutoriala i nie zagłębiałem się w jego działania. Działa, to działa i ok.
szczemp
Podziękował.
To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.
Invision Power Board © 2001-2025 Invision Power Services, Inc.