Google mapa – zobrazeni vsech podu (variabilni zoom)

verified

24. 9. 2015 19:09:58

Ahoj, mam prosbu:

Mám mapu:

function initialize() {
    var center = new google.maps.LatLng(49.9, 15.5);
    var lastInfoWindow = null;

var map = new google.maps.Map(document.getElementById('map'), {
        zoom: 7,
        center: center,
        mapTypeId: google.maps.MapTypeId.ROADMAP,
		scrollwheel: false
    });

var markers = [];
    var max = data.photos.length; 
    for (var i = 0; i < max; i++) {
        (function(index) {
            var dataPhoto = data.photos<span style="font-style:italic;">;
            var latLng = new google.maps.LatLng(dataPhoto.latitude, dataPhoto.longitude);
            var marker = new google.maps.Marker({
                position: latLng,
                icon: '/wp-content/themes/default/img/home-icon.png'
            });

var contentString = '<div class="mapcontent">' +
                    '<a href="' + dataPhoto.link + '"><h5>' + dataPhoto.title + '</h5></a>' +
                    '' +
                    '<a href="' + dataPhoto.link + '"><img src="' + dataPhoto.photo_file_url + '"/></a><p></p>' +
                    '<a href="' + dataPhoto.link + '" class="btn btn-primary btn-xl" data-toggle="modal">Zobrazit detaily</a>' +
                    '' +
                    '</div>';
            var infowindow = new google.maps.InfoWindow({
                content: contentString,
            });
            marker.addListener('click', function () {
                if(lastInfoWindow!==null) {
                    lastInfoWindow.close();
                }
                infowindow.open(map, marker);
                lastInfoWindow = infowindow;
            });

markers.push(marker);
        })(i);
    }.....

Jak prosím udělám, aby se mapa automaticky zazoomovala a vystředila tak, aby byly vidět věchny značky?

Když kliknu na okno, zobrazí se popup info o značce, potřeboval bych aby když kliknu mimo značku tak se toto popup uzavrelo? Nyni musim kliknout na krizek.

Díky.

24. 9. 2015 19:09:58

0 0

Líbí se: zatím nikdo

Nelíbí se: zatím nikdo

https://webtrh.cz/diskuse/google-mapa-zobrazeni-vsech-podu-variabilni-zoom/#reply1142249

verified

24. 9. 2015 19:56:18

Lze to přes Bounds fci: http://stackoverflow.com/questions/2362337/how-to-set-the-google-map-zoom-level-to-show-all-the-markers

24. 9. 2015 19:56:18

0 0

Líbí se: zatím nikdo

Nelíbí se: zatím nikdo

https://webtrh.cz/diskuse/google-mapa-zobrazeni-vsech-podu-variabilni-zoom/#reply1142248

verified

7. 10. 2015 08:12:10

A ako zavreš popup okno nájdeš tu: http://stackoverflow.com/questions/10022873/closing-info-windows-in-google-maps-by-clicking-the-map

Ak si s tým nevieš dať rady hoď svoj funkčný kód na https://jsfiddle.net/ a pošli odkaz.

7. 10. 2015 08:12:10

0 0

Líbí se: zatím nikdo

Nelíbí se: zatím nikdo

https://webtrh.cz/diskuse/google-mapa-zobrazeni-vsech-podu-variabilni-zoom/#reply1142247

verified

7. 10. 2015 16:24:52

Jsi moc hodný díky...

Edit fiddle - JSFiddle…

Uměl bys tam zakomponovat i automatický zoom aby byly videt vsechny znacky?

7. 10. 2015 16:24:52

0 0

Líbí se: zatím nikdo

Nelíbí se: zatím nikdo

https://webtrh.cz/diskuse/google-mapa-zobrazeni-vsech-podu-variabilni-zoom/#reply1142246

verified

8. 10. 2015 10:33:50

V podstate je to v tom SO odkazu

zkonstruujes si objekt

pak do nej nastrkas vsechny svoje markery

a vysledek pouzijes znovu na svoji mapu

Google Maps JavaScript API V3 Reference

3. Bounds, Multiple Markers in Google Maps API (v3) - YouTube…

8. 10. 2015 10:33:50

0 0

Líbí se: zatím nikdo

Nelíbí se: zatím nikdo

https://webtrh.cz/diskuse/google-mapa-zobrazeni-vsech-podu-variabilni-zoom/#reply1142245

Pro odpověď se přihlašte.

Prodej Více

NaBurzu.cz + Na-burzu.cz – 2 atraktivní .CZ domény pro burzy, investování, obchodování a inzertní portály

27 990 Kč

0 příhozů

eshop na prodej pneumatik pro Tesla

50 000 Kč

0 příhozů

Prodej zavedené půjčovny lodí (kanoe, rafty) v jižních Čechách

5 900 000 Kč

0 příhozů

Prodej realhit.cz inzertního portálu

1 900 000 Kč

0 příhozů

Prodej e-shopu Nejlevnejsivyziva.cz – sport a turistika

10 890 000 Kč

0 příhozů

Poptávky Více

Poptávka stolních PC, monitorů a kancelářského softwaru

Hledáme fotografa na focení dárkových krabiček v Pardubicích

Poptávka: Fotograf/ka na rodinné focení v MB

Poptávka: Fotograf na rodinné focení v Brně

Hledám kameramana na promo video v Tišnově

Pracovní nabídky Více

Junior IT Analyst

Hradec Králové, Pardubice

Backend vývojář systémového jádra (C++/Python)

Brno, Práce z domu

Junior Developer Python / Django / AI projekty

Práce z domu, Praha

Junior Project Manager

IT Security Officer

Hradec Králové, Praha

Nabídky Více

Tvorba webových aplikací a MVP pomocí AI – od nápadu po funkční řešení

Spravuju Google Ads pro e-shopy a firmy. Nejdřív zjistím, kam vám teď mizí peníze, a řeknu to bez obalu.

⭐Reálné a trvalé RECENZE, které prodávají – Google, Seznam, Facebook…

⭐ MadKoala.one – Full-Stack vývoj, kde má všechno řešení ⭐ Weby • systémy • AI • automatizace • aplikace

Taxera: účetnictví pro OSVČ a malé i střední s.r.o. | portál v ceně