pondělí 6. června 2016

Použití Firebugu a Google Maps API v3

Pokud jste si ještě nepřečetli můj článek o Google Maps API v3, tak jedná se o jednoduchou webovou stránku, kterou si zřídíte na svém PC.

English:
Google Masp API v3 is simple page you can create on you PC or remote machine.

Podívejte se na tento odkaz:

English:

Watch this example:

http://www.w3schools.com/googleapi/

Vytvoření takové mapky je velice snadné. Vlastně jen zkopírujete kód a dáte si to kam chcete. Upravíte souřadnice a už jedete. Pojmenujte si stránku např. MyAPI.htm.

English:
To create the map is very easy. You just copy a code and configurate coordinates. Name the html file e.g. MyAPI.htm.

Výhoda je v tom, že mapa je velmi rychlá může být úplně přes celou obrazovku

English:

The advantage is your map is very fast and it is extended our your full screen.

Pro plný výkon kliněte na popisek typu mapy vlevo nahoře : Satelitní a odškrtněte štítky.

English:
For best performance click on Label Satelit/Ortophoto in upper left screen and turn off Labels.

V prohlížeči Firefox je inspektor struktury webových stránek zvaný Firebug. Aktivujte ho stisknutím kláves ctrt+shift+I.

English:
In browser Firefox you can find Web inspection tool (a tool for web development) called Firebug. You will display it using hotkey ctrl+shift+I or from Tool menu.

V levém horním rohu spodního okna se vám zobrazí ikona obdelníku. Klikněte na to.
Tímto nástrojem najíždějte na jednotlivé části okna. Když kliknete v dolní části se vám zobrazí v jakém místě struktury (DOM) se nachází html prvek na který jste klikli. Smazat ho lze tak, že zmáčknete klávesu Delete/Del.

English:
In upper left corner of the bottom window you can see small rectangle.Click on it to be marked. Now you can inspect DOM elements of web page. Where you go with mouse cursor, you will si highlighted the element of the page you are checking. Clikc on it so go to this place in DOM tree / structure of the objects. If you press Delete, then you delete it.

Procházení stromu - struktury objektů lze provádět tak, že klikáte na jednotlivé elementy. Tak se můžete dozvědět z čeho se skládá stránka. Můžete například odhalit skryté obrázky, které nejsou běžným způsobem dostupné. Pomocí nabídky kliknutím na pravé tlačítko myši, můžete vyvolat místní nabídku.

English:
Browsing of the tree - you can do it so that you click on the small arrows on left side and the DOM items will expand. You can then see hiden information and access e.g. hidden images. You can even find out x and y postion or zoom level of the map. To find out what I mean checkout this page. This information is hidden in the link near IMG tag.

Ze skrytých informací u satelitních obrázků (tag IMG) můžete vyčíst informace jako pozice obrázku x,y a velikost přiblížení neboli zoom.








Shrnutí

Nástroj Firebug je opravdu užitečný. Spolu s dalšími nástroji jako SaveImages se dají obrázky uložit pod vhodným číselným názvem. Obrázky si pak seřadíte a pospojujete a máte na světě mapu pro vlastní použití.

English:

The Firebug tool is very usefull. Commonly with plugin SaveImages they are powerfull tool. You can save images with coresponding number names and after you display them in ordered list, then you can joint them to nice map for personal use.

Žádné komentáře:

Okomentovat