Forum PHP.pl

Witam

Mam problem jak w temacie.
Tworzę na swojej stronie mapę z Google Maps API v3. Do dodawania markerów używam funkcji:

[XML] pobierz, plaintext 
function dodajMarker(wspolrzedne,idPunktu) {
var marker = new google.maps.Marker({
         position: wspolrzedne,
         map: mapa,
}); // dodanie markera
var infowindow = new google.maps.InfoWindow();
google.maps.event.addListener(marker, 'click', function() {
         var markerContent = '<div class="infoWindow">Bla Bla</div>';
         infowindow.setContent(markerContent);
         infowindow.setZIndex(1);
         infowindow.open(mapa,marker);
}); //dodanie do markera chmurki
}
[XML] pobierz, plaintext 

Tutaj wszystko działa pięknie, ale jak chcę użyć opcji MarkerClusterer ( http://google-maps-utility-library-v3.goog...le_example.html ) to już nie jest tak kolorowo.

Tworzę kod:

[XML] pobierz, plaintext 
var wspolrzedneArray = [];
var idPunktuArray = [];
var ArrayMarkerClusterer = [];
 
function dodajMarkerTest(wspolrzedneArray,idPunktuArray) {
  for (x = 0; x < wspolrzedneArray.length; x++){
        var latLng = wspolrzedneArray[x]
        var marker = new google.maps.Marker({
          position: latLng,
          map: mapa,
        });
        ArrayMarkerClusterer.push(marker);
  }
  var mcOptions = {gridSize: 50, maxZoom: 10};
  var markerCluster = new MarkerClusterer(mapa, ArrayMarkerClusterer, mcOptions);
}
[XML] pobierz, plaintext 

No i tutaj już "za Chiny" nie wiem jak dodać

[XML] pobierz, plaintext 
google.maps.event.addListener(marker, 'click', function());
[XML] pobierz, plaintext 

żeby chmurki wyświetlały się prawidłowo. Pomoże ktoś(IMG:style_emoticons/default/questionmark.gif)

Ten post edytował czaj 22.11.2012, 12:35:53

Domyślam się, że chcesz przypisać zdarzenie do klastrów.
Poniżej kod, który możesz wpisać do swojego skryptu.
Informacje o tym znalazłem tu:
http://stackoverflow.com/questions/5710568...r-on-click-zoom

[JAVASCRIPT] pobierz, plaintext 
 
var mcOptions = {gridSize: 50, maxZoom: 10, 'zoomOnClick': false};
var markerCluster = new MarkerClusterer(map, markers,  mcOptions);
                google.maps.event.addListener(markerCluster, 'clusterclick', function(cluster) {
                    alert('click') // test czy działa
 
                    cluster.getCenter(); // LatLng - środek klastra
                    cluster.getMarkers(); // Tablica markerów, które zostały objęte przez klaster
                    cluster.getSize(); // Rozmiar - chyba liczba markerów
                });
[JAVASCRIPT] pobierz, plaintext 

Ten post edytował lukasz1985 22.11.2012, 13:36:01

No nie chodzi mi o dodawanie zdażeń do klastra.
Chodzi o to żeby przypisać indywidualną chmurkę dla każdego markera który jest zgrupowany i pojawia się dopiero przy odpowiednim zbiżeniu mapy.

Ten post edytował czaj 22.11.2012, 15:50:09

Działa normalnie:

[JAVASCRIPT] pobierz, plaintext 
 
            function initialize() {
                var center = new google.maps.LatLng(37.4419, -122.1419);
 
                var map = new google.maps.Map(document.getElementById('map'), {
                    zoom: 3,
                    center: center,
                    mapTypeId: google.maps.MapTypeId.ROADMAP
                });
 
                var markers = [];
                for (var i = 0; i < 100; i++) {
                    var dataPhoto = data.photos[i];
                    var latLng = new google.maps.LatLng(dataPhoto.latitude,
                    dataPhoto.longitude);
                    var marker = new google.maps.Marker({
                        position: latLng
                    });
                    markers.push(marker);
                    google.maps.event.addListener(marker,'click', function () {
                        alert('click marker')
                    })
                }
                var markerCluster = new MarkerClusterer(map, markers, {'zoomOnClick': false});
                google.maps.event.addListener(markerCluster, 'clusterclick', function(cluster) {
                    cluster.getCenter(); // LatLng - środek klastra
                    cluster.getMarkers(); // Tablica markerów, które zostały objęte przez klaster
                    cluster.getSize(); // Rozmiar - chyba liczba markerów
                    console.log(cluster)
                });
            }
            google.maps.event.addDomListener(window, 'load', initialize);
[JAVASCRIPT] pobierz, plaintext 

Możesz sprawdzić czy przypisujesz zdarzenia wewnątrz pętli "for" i czy funkcja wywołująca zdarzenie znajduje się w zasięgu pętli. Jeśli będziesz potrzebował mogę zamieścić kod na jsFiddle.

Też nic.
Napisałem taką funkcję:

[JAVASCRIPT] pobierz, plaintext 
 
var markerWspolrzedne = [];
var markerID = [];
var ArrayMarkerClusterer = [];
 
function dodajMarkerTest(markerWspolrzedne,markerID) {
	for (x = 0; x < markerWspolrzedne.length; x++){
		var latLng = markerWspolrzedne[x]
		var marker = new google.maps.Marker({
			position: latLng,
			map: mapa,
			icon: 'img/punkty/point_2.png',
			title: 'Click to see the charging point',
		});
		ArrayMarkerClusterer.push(marker);
 
                var infowindow = new google.maps.InfoWindow();
		google.maps.event.addListener(marker,'click', function () {
			alert('click marker');
			var markerContent = '<div class="infoWindow" id="idPunktu-'+x+'"></div>';
			infowindow.setContent(markerContent);
			infowindow.setZIndex(1);
			infowindow.open(mapa,marker);
			//getValuePoint(idPunktu); // --- odwolanie do funkcji ladujacej tresc okienka
		})
	}
 
	var mcOptions = {gridSize: 50, maxZoom: 10};
	var markerCluster = new MarkerClusterer(mapa, ArrayMarkerClusterer, mcOptions);
 
	google.maps.event.addListener(markerCluster, 'clusterclick', function(cluster) {
		alert('click') // test czy dziala
		cluster.getCenter(wspolrzedne); // LatLng - srodek klastra
		cluster.getMarkers(ArrayMarkerClusterer); // Tablica markerów, które zostaly objete przez klaster
		cluster.getSize(x); // Rozmiar - chyba liczba markerów
		console.log(cluster);
	});
};
 
[JAVASCRIPT] pobierz, plaintext 

Efekt jest taki że chmurka się włącza ale nie jest przypisana do markera którego się klika, tylko do pierwszego/ostatniego załadowanego markera, niezależnie który marker się kliknie

Ten post edytował czaj 22.11.2012, 22:16:02

Wielkie dzięki - działa.