Forum PHP.pl

mam wiele markerów na mapie w różnych obszarach świata. Markery pokazują punkty dystrybucyjne. Puntów o nazwie "xyz" może być wiele w dowolnej lokalizacji na świecie. Jak zrobić aby po wybraniu z listy rozwijanej "xyz" pokazywały się tylko punkty dystrybutora "xyz"?

Masz markery?
To znaczy ż umiesz je dodawać.
usuwanie jest równie proste:
https://developers.google.com/maps/document...s/marker-remove

Reszte robisz w js.

ok ale w tym dokumencie jest jak usunąć wszystkie markery a jak usunąć jeden z określoną lokalizacją? Jeśli to będę wiedział to kilka markerów usunę za pomocą pętli

no tak nie pomyślałem o tym dzięki:)

ok działa usuwanie markerów ale gdy powiększe/pomniejsze mapkę to pojawiają się na nowo? jak to obejść?

Tego nie trzeba obejść bo to nie jest standardowe zachowanie.
Popraw skrypty albo usuwaj od nowa markery przy zmianie zooma

nie mogę usuwać markerów po zoomowaniu bo to trochę mija się z celem - chce usunąć wszystkie a potem dodać tylko wybrane. Możecie mi wskazać co robię źle, że po zoomie pojawiają się na nowo markery? To jest wersja robocza więc trochę bałaganu jest.

[JAVASCRIPT] pobierz, plaintext 
 
                        var geocoder;
                        var map;
                        var markers = [];
                        var myLatlng;
                        var position;
 
                        function setAllMap(map) {
                            for (var i = 0; i < markers.length; i++) {
                                markers[i].setMap(map);
                            }
                        }
 
                        function clearMarkers() {
                            setAllMap(null);
                        }
 
                        function deleteMarkers() {
                            clearMarkers();
                            marker = [];
                        }
 
 
                        function initialize(address, zoome) {
                            var activeWindow;
 
                            geocoder = new google.maps.Geocoder();
 
                            var mapOptions = {
                                zoom: zoome,
                                center: position,
                                mapTypeId: google.maps.MapTypeId.ROADMAP
                            }
 
                            map = new google.maps.Map(document.getElementById("company_map"), mapOptions);
 
                            showAddress(address, zoome);
 
 
 
                            var fluster = new Fluster2(map);
                    {/literal}
                    {foreach from=$company->list.markers item=i key=k}
                        {literal}
                                var infoWindow{/literal}{$k}{literal} = new google.maps.InfoWindow({
                                    content: '{/literal}<span class="testowo" style="font-size:12px"><strong>{$i.name}</strong><br/>{$i.zip} {$i.city}<br/>{$i.address}<br/>{$i.phone} {$i.email}{literal}</span>'
                                });
                        {/literal}
                    {/foreach}
                    {literal}
                    {/literal}
 
                    {foreach from=$company->list.markers item=i key=k}
                        {literal}
                                var marker{/literal}{$k}{literal} = new google.maps.Marker({
                                    position: new google.maps.LatLng({/literal}{$i.lat}{literal}, {/literal}{$i.lan}{literal}),
                                    title: '{/literal}{$i.name}{literal}'
                                });
                                markers.push(marker{/literal}{$k}{literal});
                                google.maps.event.addListener(marker{/literal}{$k}{literal}, 'click', function() {
                                    if (activeWindow != null)
                                        activeWindow.close();
                                    infoWindow{/literal}{$k}{literal}.open(map, marker{/literal}{$k}{literal});
                                    //infoWindow{/literal}{$k}{literal}.open(map, marker{/literal}{$k}{literal});
                                    activeWindow = infoWindow{/literal}{$k}{literal};
                                });
                                // Add the marker to the Fluste                        r
                                fluster.addMarker(marker{/literal}{$k}{literal});
 
                        {/literal}
                    {/foreach}
 
                    {literal}
 
 
                            fluster.styles = {
 
                                0: {
                                    image: 'http://gmaps-utility-library.googlecode.com/svn/trunk/markerclusterer/1.0/images/m1.png',
                                    textColor: '#FFFFFF',
                                    width: 53,
                                    height: 52,
                                },
 
                                10: {
                                    image: 'http://gmaps-utility-library.googlecode.com/svn/trunk/markerclusterer/1.0/images/m2.png',
                                    textColor: '#FFFFFF',
                                    width: 56,
                                    height: 55
                                },
                                20: {
                                    image: 'http://gmaps-utility-library.googlecode.com/svn/trunk/markerclusterer/1.0/images/m3.png',
                                    textColor: '#FFFFFF',
                                    width: 66,
                                    height: 65
                                }
                            };
 
 
                            fluster.initialize();
 
                        }
 
                        function showAddress(address, zoom) {
                            geocoder.geocode({'address': address}, function(results, status) {
                                if (status == google.maps.GeocoderStatus.OK) {
                                    map.setCenter(results[0].geometry.location);
                                    map.setZoom(zoom);
 
 
                                } else {
                                    alert("Geolokalizacja się nie udała, powód: " + status);
                                }
                            });
                        }
 
 
                    </script>
                {/literal}
[JAVASCRIPT] pobierz, plaintext 

Ten post edytował qbas-s 26.02.2014, 14:15:36

Nie nazywaj markerów: marker1, marker2 ..., tylko używaj indeksów tablicy wtedy obędzie się bez foreachów i literali i będziesz mógł dynamicznie dodawać markery.

Wracając do rozwiązania to winny jest obiekt Fluster cokolwiek to jest. Żeby skutecznie z niego usunąć wszystkie markery powinieneś mieć w nim jakąś metodę typu: clear, clearAll, removeMarkers. Po prostu oprócz usunięcia markerów z mapy musisz je usunąć także z Flustera.

próbowałem to już zrobić za pomocą tablicy ale nie działało. Natomiast fluster to jest to http://www.fusonic.net/en/blog/2009/12/16/...e-improvements/

Tak znowu poza tematem poczytaj o metodzie php json_encode bardzo ułatwiłaby Ci pracę.

Wracając do tematu to napisałem co masz zrobić. Usunąć z obiektu fluster markery które wcześniej do niego dodałeś. Nie mogę znaleźć api do tego flustera więc sam musisz wyszukać prawdopodobnie będzie to removeMarkers lub clear.

Co do zagęszczeń to istnieje bardziej przebadana klasa (bo Fluster to jeszcze wersja beta) nazywa sie markerCluster można także używać pluginu jquery $.goMap który korzysta z tej klasy. Jak one wypadają w porównaniu szybkości? Nie mam pojęcia ale markerCluster jest szerzej stosowana.