Google MapAPI – Zobrazení Google mapy definované v komponentě

Tak mě ve FF nejde ani přetahovat, ani vytvářet nové body. A to hned po příchodu na stránku, bez refreshe.

Zajímavé, teď to funguje jak píšeš, předtím jsem samozřejmě zkoušel i ten odkaz a nějak mi to body nevkládalo.. nevím, kde může být chyba, v tom kódu ji nevidím, osobně bych ji tipoval někde v AJAXu.

Vydání přepracované verze: https://github.com/…ek/GoogleAPI

1.0

• Odstranění vkládání markerů, se kterými byl problém
• Rozdělení mapy a markerů do tříd
• Odesílání markerů lazy až po načtení mapy pomocí JSONu
• Obarvování defaultních markerů 10 barvami
• Vlastní ikonky markerů

Příklady použití a základní popis metod v gitu.

Předpokládám, že z others ti načítá RobotLoader – takže to pak funguje.

Nefunkčnost při instalaci přes composer je způsobena absencí nastavení autoloadingu v ‚olicek/google-map-api‘

Zdravím a chtěl bych se zeptat, jestli bude v budoucnu možnost zaregistrovat tento addon do config.neon pomocí extensions.

Tak sem to na stránkách rozchodil a vypadá to krásně!
Akorát mi nefunguje zoom :(
Ať jej nastavuji jakkoli, tak se zoom na mapě nemění.

Editoval Azathoth (10. 9. 2014 0:02)

Má tam být {$zoom} (v masteru to je), ale fit bounds mám pocit stejně pořádně nefunguje. Do příští verze bych to měl fixnout.

Jinak když najdeš něco co ti tam chybí nebo nefunguje tak klidně založ issue nebo pošli PR. Jsou tam implementovaný vesměs jenom věci co jsem potřeboval sám.

Vydání přepracované verze: GoogleMap

2.0

Google Map API

• Registrace komponenty jako extension v configu
• Přidána možnost definovat si mapu a markery v configu
• Přidána podpora pro markerClusterer
• Bounds bug fix
• Zoom bug fix
• Auto open message bug fix

Dokumentace v gitu

Právě jsem zjistil, že tenhle addon má licenci GNU GPL. Vzhledem k tomu, že chci google mapy použít ve stránkách, za které chci dostat zaplaceno, tak bohužel tenhle addon musím ze svých stránek vyhodit :(
Nezvažoval jsi použití LGPL, MIT nebo new BSD licence?
Ten addon se mi opravdu líbí, ale pokud jsem správně pochopil GNU GPL, tak by se GNU GPL rozšířilo na celé mé stránky a musel bych je poskytnout zdarma, což se mi opravdu nechce.

Stačí v masteru, děkuji moc.

No, do teď jsem to nepotřeboval → nevěděl jsem, že něco takovýho existuje. Zběžně jsem na to kouknul. To propojení s mapou je pokaždé záležitost 4 řádků kodu (viz.)?

To by mohlo jit. Pokud je to složitějšího, tak to klidně zkus implementovat a poslat PR. Na něco složitějšího teď asi nebudu mít čas.

Ahoj, pokud vím, tak existujou 2 podobný doplňky google mapy pro Nette a ani jeden to neumí. Jestli chceš, tak to můžeš zkusit implementovat a poslat pullrequest. ;-) Teď na to bohužel nemám vubec čas a dostal bych se k tomu nejdřív tak za 14 dní, spíš za měsíc.

Co jsem se tak koukal v rychlosti na příklad, tak to nevypadá vůbec složitě. Respektive složitě pro doplnění do Google MapAPI. Markery už máš předaný do šablony, jen by byla potřeba implementovat ta metoda calcRoute.

Je to pěkná funkce, která by tam rozhodně mohla bejt. ;-)

Koukal jsem se na to trochu a s PHP 5.3 by to mělo fungovat. Jak jsi to implementoval? Podle ukázek v readme by to mělo jít. Jaký máš Nette? testoval jsem to myslím jen na 2.2.

Případně co ti to hází za chyby?

aha, to je možný, že tam takovýhle chyby jsou. Psal jsem to původně pro PHP 5.3, ale pak jsem přešel na 5.4. Tyhle kratší zápisy pole jsou strašně návykový ;-)

Ttraity 5.3 nemá, ale můžeš uplně klidně vykopírovat obsah traity a vložit ho do presenteru. To je v podstatě taky to, co ta traita dělá za tebe :-)

Povedlo se ti to nakonec rozchodit? jestli jo, poslal by jsi prosím PR s oravama těch polí, nebo jestli ještě na něco narazíš? Jestli ne, tak jak budu mít čas tak se na to kouknu sám.

Každopádně díky moc za report! :-)

Ahoj…Pri vytvarani komponenty mi pise toto : Call to a member function create() on null
Nevies kde mam chybu?

<?php

namespace GoogleMapModule;

use GoogleMapModule\GoogleMapFacade;
use Nette\Application\UI\Control;
use Nette\Application\UI\Form;
use GoogleMap;
use \Oli\GoogleAPI\TMap;
//use Nette\Http\IResponse;


class GoogleMapControl extends \BaseControl
{
    /**
     * @var \GoogleMapModule\GoogleMapFacade
     */
    private $googleMapFacade;

    /**
     * @var \GoogleMapModule\Directions
     */
    private $map;
    private $markers;

    public function __constructor(\Oli\GoogleAPI\IMapAPI $mapApi, \Oli\GoogleAPI\IMarkers $markers)
    {
        dump($this->map);exit;
        $this->map = $mapApi;
        $this->markers = $markers;
    }



    public function createComponentGoogleMap()
    {
        $map = $this->map->create();
        $markers = $this->markers->create();
        $map->setCoordinates(array(41.15, 15.65));
        $map->setProportions('400px', '250px');
        $map->setKey('E0-969eVOnuOSHb79UsS_gSI');
        $gmap->initialZoom = 12;
        $map->setType(MapAPI::SATELITE);
        //$map->isStaticMap();
        return $map;
    }

}
?>

__constructor je ještě podezřelejší

Každopádně už vím, kde @01laky přišel na ten constructor :-)

Ahoj, nainstaloval jsem si tento doplněk a zkouším zatím příklady z dokumentace, ale narážím na problémy v googleMapAPI.js…

První problém byl na řádku cca 226 init()… musel jsem dát this.init():

witch (functionName)
			{
				case 'init':
					this.init();
					break;
				....
			}

Alespoň se mi už ukázalo okno s mapou, ale teď mám druhý problém – firefox mi v konzoli vypisuje
TypeError: markers.forEach is not a function na řádku 169 a tady už nevím co os tím… Díky za pomoc

Editoval n.u.r.v. (7. 5. 2015 10:00)

mno, tak záhadným způsobem už to nehází chybu u forEach, ale teď je problém u metod fill a fit… ani this nepomáhá… když to v tom switchi zakomentuju, tak se markery vykreslí… zkusím to ještě v chromu…

firefox vypisuje:

ReferenceError: fill is not defined řádek cca 229

Edit:

Chrome zase vypisuje chybu Uncaught TypeError: Cannot read property ‚extend‘ of undefined na řádku 242

JQuery používám //code.jquery.com/jquery-1.11.2.min.js a mám ho definovaný v header
tvoje js soubory jsem dal do www/js a v latte je vkládám v bloku scripts úplně dole…

Edit2:

Když zakomentuju fill a mnechám jen fit(), tak zase chorme vypisuje tuto chybu (ale markery se zobrazí, i když nějak moc velký):

ncaught TypeError: Cannot read property 'getSouthWest' of undefined

Editoval n.u.r.v. (7. 5. 2015 11:32)

Popravdě ani nevím k čemu přesně ten bound je – zatím jsem se jen snažil zprovoznit ten velký příklad v tvé dokumentaci… ale zkusil jsem dát $markers->fitBounds(false); a už je to bez chyb… Jen ve firefoxu jsou markery maličké a v chromu obrovské

Super díky! Večer se s tím zkusím něco udělat.

Btw. Ten bound dělá to, že ti zobrazí stránku s maximálním přiblížením, ale tak, aby byli vidět všechny markery.

@n.u.r.v. povedlo se mě to vyřešit. Nakonec to nebylo ani tak těžký. Tenhle commit to opravuje, takeže když si změníš ten js soubor nebo natahnes master, tak by ti to melo fungovat i ve firefoxu

Ahoj, měl jsem pořád problémy s funkcí map.loadMarkers(); pořád mi to padalo na clearMarkers kde se volala neznámá funkce setMap, to bylo způsobené špatnou prací s objekty typu Google Markers. V dosavadním řešení ve funkci loadMarkers jsi rozparsovaný json uložil do base.Markers a nad tím se pak volala funkce, setMap což je nesmysl. Ja jsem to tedy opravil vytvořením nového pole pro Json a do base.Markers ukládám vytvořené Google markery.

loadMarkers: function()
	{
		var base = this;
		this.clearMarkers();

		var request = new XMLHttpRequest();
		request.open('GET', base.URL, true);

		request.onload = function() {
			if (request.status >= 200 && request.status < 400) {
				// Success!
				var data = JSON.parse(request.responseText);
				base.markersJSON = data;
				base.insertMarkers(data);
			} else {
				// We reached our target server, but it returned an error
				console.log('We reached our target server, but it returned an error');
			}
		};

		request.onerror = function() {
			// There was a connection error of some sort
			console.log('There was a connection error of some sort');
		};

		request.send();
	},

Tady je přidáno pushnutí markeru do pole.

insertMarkers: function(markers)
	{
		var base = this;

		markers.forEach(function(item, i){
			var marker,
			position = new google.maps.LatLng(markers[i]['position'][0], markers[i]['position'][1]);
			base.doBounds('fill', position);

			marker = new google.maps.Marker({
				position: position,
				map: base.map,
				title: (("title" in markers[i]) ? markers[i]['title'] : null)
			});

			marker.setAnimation(base.doAdmination(item));

			base.doColor(item, marker);

			base.doIcon(item, marker);

			base.doMessage(item, marker);

			if (base.options.cluster)
			{
				base.markersCluster.push(marker);
			}
			base.markers.push(marker);
		});

Dále mi bohužel po tvé opravě chyby ve firefoxu nefungoválo zoomovani na markery. To jsem opravil následovně a funguje to v chromu, firefoxu i safari.

if(functionName == 'init'){
				base.boundsProperty = new google.maps.LatLngBounds();
			}
			else if(functionName == 'fill'){
				base.boundsProperty.extend(position);
			}
			else if(functionName == 'fit'){
				base.map.fitBounds(base.boundsProperty);
			}
			else{
				throw "Undefined function call!";
			}

Ahoj, budu mít na webu vícekrát mapu, ale nevím jak nastavit pro každou mapu zvlášť rozměry width a height… zatím mám vše v neon a je to společné pro všechny mapy… Díky

Edit: Pardon, už jsem to našel… $map->setProportions… před tím mi to netbeans nenabídl, tak jsem byl zmaten…

Editoval n.u.r.v. (8. 6. 2015 20:36)