http://wiki.linuxformat.ru/wiki/index.php?action=history&feed=atom&title=LXF158%3A%D0%9A%D0%B0%D1%80%D1%82%D0%B0_%D0%B2%D0%B0%D1%88%D0%B8%D1%85_%D0%BF%D1%80%D0%BE%D0%B3%D1%83%D0%BB%D0%BE%D0%BA 2026-05-13T14:51:44Z История изменений этой страницы в вики MediaWiki 1.19.20+dfsg-0+deb7u3 http://wiki.linuxformat.ru/wiki/index.php?title=LXF158:%D0%9A%D0%B0%D1%80%D1%82%D0%B0_%D0%B2%D0%B0%D1%88%D0%B8%D1%85_%D0%BF%D1%80%D0%BE%D0%B3%D1%83%D0%BB%D0%BE%D0%BA&diff=17754&oldid=prev 2018-09-17T13:14:37Z

<p>‎<span dir="auto"><span class="autocomment">За­груз­ка дан­ных</span></span></p> <table class='diff diff-contentalign-left'> <col class='diff-marker' /> <col class='diff-content' /> <col class='diff-marker' /> <col class='diff-content' /> <tr valign='top'> <td colspan='2' style="background-color: white; color:black;">← Предыдущая</td> <td colspan='2' style="background-color: white; color:black;">Версия 13:14, 17 сентября 2018</td> </tr><tr><td colspan="2" class="diff-lineno">Строка 28:</td> <td colspan="2" class="diff-lineno">Строка 28:</td></tr> <tr><td class='diff-marker'>&#160;</td><td style="background: #eee; color:black; font-size: smaller;"></td><td class='diff-marker'>&#160;</td><td style="background: #eee; color:black; font-size: smaller;"></td></tr> <tr><td class='diff-marker'>&#160;</td><td style="background: #eee; color:black; font-size: smaller;"><div>Мно­гие со­вре­мен­ные уст­рой­ст­ва GPS име­ют пор­ты USB и опо­зна­ют­ся как уст­рой­ст­ва мас­со­во­го хранения дан­ных, так что вы смо­же­те за­гру­зить жур­нал с по­мо­щью фай­ло­во­го менед­же­ра.</div></td><td class='diff-marker'>&#160;</td><td style="background: #eee; color:black; font-size: smaller;"><div>Мно­гие со­вре­мен­ные уст­рой­ст­ва GPS име­ют пор­ты USB и опо­зна­ют­ся как уст­рой­ст­ва мас­со­во­го хранения дан­ных, так что вы смо­же­те за­гру­зить жур­нал с по­мо­щью фай­ло­во­го менед­же­ра.</div></td></tr> <tr><td class='diff-marker'>−</td><td style="background: #ffa; color:black; font-size: smaller;"><div>[[Файл:LXF158.feat_gps.map1_opt.jpeg ||<del class="diffchange diffchange-inline">400px </del>|thumb|OpenStreetMap по­ка­зы­ва­ет всплы­ваю­щую POI Эл­лы и мар­шрут на­ви­га­то­ра для по­хо­да по Уэль­су.]]&#160; &#160;</div></td><td class='diff-marker'>+</td><td style="background: #cfc; color:black; font-size: smaller;"><div>[[Файл:LXF158.feat_gps.map1_opt.jpeg ||<ins class="diffchange diffchange-inline">500px </ins>|thumb|OpenStreetMap по­ка­зы­ва­ет всплы­ваю­щую POI Эл­лы и мар­шрут на­ви­га­то­ра для по­хо­да по Уэль­су.]]&#160; &#160;</div></td></tr> <tr><td class='diff-marker'>&#160;</td><td style="background: #eee; color:black; font-size: smaller;"><div>[[Файл: 233145.png|left |80px ||]]</div></td><td class='diff-marker'>&#160;</td><td style="background: #eee; color:black; font-size: smaller;"><div>[[Файл: 233145.png|left |80px ||]]</div></td></tr> <tr><td class='diff-marker'>&#160;</td><td style="background: #eee; color:black; font-size: smaller;"></td><td class='diff-marker'>&#160;</td><td style="background: #eee; color:black; font-size: smaller;"></td></tr> </table>

Olkol http://wiki.linuxformat.ru/wiki/index.php?title=LXF158:%D0%9A%D0%B0%D1%80%D1%82%D0%B0_%D0%B2%D0%B0%D1%88%D0%B8%D1%85_%D0%BF%D1%80%D0%BE%D0%B3%D1%83%D0%BB%D0%BE%D0%BA&diff=17604&oldid=prev 2018-09-14T21:55:04Z

<p>‎<span dir="auto"><span class="autocomment">Гра­фи­ки восхо­ж­дения</span></span></p> <table class='diff diff-contentalign-left'> <col class='diff-marker' /> <col class='diff-content' /> <col class='diff-marker' /> <col class='diff-content' /> <tr valign='top'> <td colspan='2' style="background-color: white; color:black;">← Предыдущая</td> <td colspan='2' style="background-color: white; color:black;">Версия 21:55, 14 сентября 2018</td> </tr><tr><td colspan="2" class="diff-lineno">Строка 267:</td> <td colspan="2" class="diff-lineno">Строка 267:</td></tr> <tr><td class='diff-marker'>&#160;</td><td style="background: #eee; color:black; font-size: smaller;"><div>В GnuPlot мас­са оп­ций для на­строй­ки цве­тов, за­го­лов­ков и про­чих па­ра­мет­ров. Ес­ли вы ре­шите под­пра­вить вы­ход­ные дан­ные, соз­дай­те файл Gprint и от­ре­дак­ти­руй­те его, что­бы по­лу­чить же­лае­мый фор­мат. Файл Gprint мож­но за­тем ис­поль­зо­вать в ка­че­­ст­ве ис­ход­ной ин­фор­ма­ции для GnuPlot при соз­дании гра­фи­ка.</div></td><td class='diff-marker'>&#160;</td><td style="background: #eee; color:black; font-size: smaller;"><div>В GnuPlot мас­са оп­ций для на­строй­ки цве­тов, за­го­лов­ков и про­чих па­ра­мет­ров. Ес­ли вы ре­шите под­пра­вить вы­ход­ные дан­ные, соз­дай­те файл Gprint и от­ре­дак­ти­руй­те его, что­бы по­лу­чить же­лае­мый фор­мат. Файл Gprint мож­но за­тем ис­поль­зо­вать в ка­че­­ст­ве ис­ход­ной ин­фор­ма­ции для GnuPlot при соз­дании гра­фи­ка.</div></td></tr> <tr><td class='diff-marker'>&#160;</td><td style="background: #eee; color:black; font-size: smaller;"></td><td class='diff-marker'>&#160;</td><td style="background: #eee; color:black; font-size: smaller;"></td></tr> <tr><td class='diff-marker'>−</td><td style="background: #ffa; color:black; font-size: smaller;"><div><del class="diffchange diffchange-inline">234132</del>.png</div></td><td class='diff-marker'>+</td><td style="background: #cfc; color:black; font-size: smaller;"><div><ins class="diffchange diffchange-inline">[[Файл: 233145</ins>.png<ins class="diffchange diffchange-inline">|left |80px ||]]</ins></div></td></tr> <tr><td colspan="2">&#160;</td><td class='diff-marker'>+</td><td style="background: #cfc; color:black; font-size: smaller;"><div>&#160;</div></td></tr> <tr><td class='diff-marker'>&#160;</td><td style="background: #eee; color:black; font-size: smaller;"><div>==За­клю­чение==</div></td><td class='diff-marker'>&#160;</td><td style="background: #eee; color:black; font-size: smaller;"><div>==За­клю­чение==</div></td></tr> <tr><td class='diff-marker'>&#160;</td><td style="background: #eee; color:black; font-size: smaller;"></td><td class='diff-marker'>&#160;</td><td style="background: #eee; color:black; font-size: smaller;"></td></tr> </table>

Olkol http://wiki.linuxformat.ru/wiki/index.php?title=LXF158:%D0%9A%D0%B0%D1%80%D1%82%D0%B0_%D0%B2%D0%B0%D1%88%D0%B8%D1%85_%D0%BF%D1%80%D0%BE%D0%B3%D1%83%D0%BB%D0%BE%D0%BA&diff=17602&oldid=prev 2018-09-14T21:52:42Z

<p>‎<span dir="auto"><span class="autocomment">Гра­фи­ки восхо­ж­дения</span></span></p> <table class='diff diff-contentalign-left'> <col class='diff-marker' /> <col class='diff-content' /> <col class='diff-marker' /> <col class='diff-content' /> <tr valign='top'> <td colspan='2' style="background-color: white; color:black;">← Предыдущая</td> <td colspan='2' style="background-color: white; color:black;">Версия 21:52, 14 сентября 2018</td> </tr><tr><td colspan="2" class="diff-lineno">Строка 244:</td> <td colspan="2" class="diff-lineno">Строка 244:</td></tr> <tr><td class='diff-marker'>&#160;</td><td style="background: #eee; color:black; font-size: smaller;"></td><td class='diff-marker'>&#160;</td><td style="background: #eee; color:black; font-size: smaller;"></td></tr> <tr><td class='diff-marker'>&#160;</td><td style="background: #eee; color:black; font-size: smaller;"><div>==Гра­фи­ки восхо­ж­дения==</div></td><td class='diff-marker'>&#160;</td><td style="background: #eee; color:black; font-size: smaller;"><div>==Гра­фи­ки восхо­ж­дения==</div></td></tr> <tr><td class='diff-marker'>−</td><td style="background: #ffa; color:black; font-size: smaller;"><div>&#160;</div></td><td class='diff-marker'>+</td><td style="background: #cfc; color:black; font-size: smaller;"><div><ins class="diffchange diffchange-inline">[[Файл:LXF158.feat_gps.elevat_opt.jpeg |right|400px |thumb| Соз­да­ние гра­фи­ков вос­хо­ж­де­ния для мар­шру­тов ва­ших про­гу­лок вро­де это­го — про­стое и бы­строе уп­раж­не­ние.]]&#160; </ins></div></td></tr> <tr><td class='diff-marker'>&#160;</td><td style="background: #eee; color:black; font-size: smaller;"><div>Мне час­то хо­чет­ся изо­бра­зить свой мар­шрут GPX в ви­де гра­фи­ка восхо­ж­дения, ко­то­рый ото­бра­жа­ет вы­со­ту на всей про­тя­жен­но­сти мар­шру­та. Ес­ли, как мы ска­за­ли, GPSBabel – это швей­цар­ский нож для дан­ных GPS, то для гра­фи­ков это­го звания досто­ин Gnuplot. Вы мо­же­те соз­дать гра­фик с по­мо­щью GPSPrune (ко­то­рый вы­зы­ва­ет GnuPlot), но ра­бо­та непо­сред­ст­вен­но с GnuPlot бу­дет бо­лее гиб­кой.</div></td><td class='diff-marker'>&#160;</td><td style="background: #eee; color:black; font-size: smaller;"><div>Мне час­то хо­чет­ся изо­бра­зить свой мар­шрут GPX в ви­де гра­фи­ка восхо­ж­дения, ко­то­рый ото­бра­жа­ет вы­со­ту на всей про­тя­жен­но­сти мар­шру­та. Ес­ли, как мы ска­за­ли, GPSBabel – это швей­цар­ский нож для дан­ных GPS, то для гра­фи­ков это­го звания досто­ин Gnuplot. Вы мо­же­те соз­дать гра­фик с по­мо­щью GPSPrune (ко­то­рый вы­зы­ва­ет GnuPlot), но ра­бо­та непо­сред­ст­вен­но с GnuPlot бу­дет бо­лее гиб­кой.</div></td></tr> <tr><td class='diff-marker'>&#160;</td><td style="background: #eee; color:black; font-size: smaller;"></td><td class='diff-marker'>&#160;</td><td style="background: #eee; color:black; font-size: smaller;"></td></tr> <tr><td colspan="2" class="diff-lineno">Строка 267:</td> <td colspan="2" class="diff-lineno">Строка 267:</td></tr> <tr><td class='diff-marker'>&#160;</td><td style="background: #eee; color:black; font-size: smaller;"><div>В GnuPlot мас­са оп­ций для на­строй­ки цве­тов, за­го­лов­ков и про­чих па­ра­мет­ров. Ес­ли вы ре­шите под­пра­вить вы­ход­ные дан­ные, соз­дай­те файл Gprint и от­ре­дак­ти­руй­те его, что­бы по­лу­чить же­лае­мый фор­мат. Файл Gprint мож­но за­тем ис­поль­зо­вать в ка­че­­ст­ве ис­ход­ной ин­фор­ма­ции для GnuPlot при соз­дании гра­фи­ка.</div></td><td class='diff-marker'>&#160;</td><td style="background: #eee; color:black; font-size: smaller;"><div>В GnuPlot мас­са оп­ций для на­строй­ки цве­тов, за­го­лов­ков и про­чих па­ра­мет­ров. Ес­ли вы ре­шите под­пра­вить вы­ход­ные дан­ные, соз­дай­те файл Gprint и от­ре­дак­ти­руй­те его, что­бы по­лу­чить же­лае­мый фор­мат. Файл Gprint мож­но за­тем ис­поль­зо­вать в ка­че­­ст­ве ис­ход­ной ин­фор­ма­ции для GnuPlot при соз­дании гра­фи­ка.</div></td></tr> <tr><td class='diff-marker'>&#160;</td><td style="background: #eee; color:black; font-size: smaller;"></td><td class='diff-marker'>&#160;</td><td style="background: #eee; color:black; font-size: smaller;"></td></tr> <tr><td class='diff-marker'>−</td><td style="background: #ffa; color:black; font-size: smaller;"><div>234132.<del class="diffchange diffchange-inline">pngЗа­клю­чение</del></div></td><td class='diff-marker'>+</td><td style="background: #cfc; color:black; font-size: smaller;"><div>234132.<ins class="diffchange diffchange-inline">png</ins></div></td></tr> <tr><td colspan="2">&#160;</td><td class='diff-marker'>+</td><td style="background: #cfc; color:black; font-size: smaller;"><div><ins class="diffchange diffchange-inline">==За­клю­чение==</ins></div></td></tr> <tr><td class='diff-marker'>&#160;</td><td style="background: #eee; color:black; font-size: smaller;"></td><td class='diff-marker'>&#160;</td><td style="background: #eee; color:black; font-size: smaller;"></td></tr> <tr><td class='diff-marker'>&#160;</td><td style="background: #eee; color:black; font-size: smaller;"><div>На на­шем уро­ке мы рас­смот­ре­ли толь­ко осно­вы – вы мо­же­те сде­лать на­мно­го боль­ше, на­при­мер, до­ба­вить слои карт для Ordnance Survey и Google Maps, что­бы ва­ши поль­зо­ва­те­ли мог­ли пе­ре­клю­чать­ся ме­ж­ду раз­ны­ми кар­та­ми.</div></td><td class='diff-marker'>&#160;</td><td style="background: #eee; color:black; font-size: smaller;"><div>На на­шем уро­ке мы рас­смот­ре­ли толь­ко осно­вы – вы мо­же­те сде­лать на­мно­го боль­ше, на­при­мер, до­ба­вить слои карт для Ordnance Survey и Google Maps, что­бы ва­ши поль­зо­ва­те­ли мог­ли пе­ре­клю­чать­ся ме­ж­ду раз­ны­ми кар­та­ми.</div></td></tr> <tr><td class='diff-marker'>&#160;</td><td style="background: #eee; color:black; font-size: smaller;"></td><td class='diff-marker'>&#160;</td><td style="background: #eee; color:black; font-size: smaller;"></td></tr> <tr><td class='diff-marker'>&#160;</td><td style="background: #eee; color:black; font-size: smaller;"><div>По­ми­мо все­го ко­да из этой ста­тьи с DVD, вы так­же мо­же­те по­лу­чать об­нов­ления из ре­по­зи­то­рия ав­то­ра на Github по ад­ре­су: https://github.com/geekinthesticks/Plotting-gpx-Data-and-Showing-Geotagged-Photos-Using-OpenLayers. |</div></td><td class='diff-marker'>&#160;</td><td style="background: #eee; color:black; font-size: smaller;"><div>По­ми­мо все­го ко­да из этой ста­тьи с DVD, вы так­же мо­же­те по­лу­чать об­нов­ления из ре­по­зи­то­рия ав­то­ра на Github по ад­ре­су: https://github.com/geekinthesticks/Plotting-gpx-Data-and-Showing-Geotagged-Photos-Using-OpenLayers. |</div></td></tr> </table>

Olkol http://wiki.linuxformat.ru/wiki/index.php?title=LXF158:%D0%9A%D0%B0%D1%80%D1%82%D0%B0_%D0%B2%D0%B0%D1%88%D0%B8%D1%85_%D0%BF%D1%80%D0%BE%D0%B3%D1%83%D0%BB%D0%BE%D0%BA&diff=17601&oldid=prev 2018-09-14T21:49:00Z

<p>‎<span dir="auto"><span class="autocomment">LayerSwitcher</span></span></p> <table class='diff diff-contentalign-left'> <col class='diff-marker' /> <col class='diff-content' /> <col class='diff-marker' /> <col class='diff-content' /> <tr valign='top'> <td colspan='2' style="background-color: white; color:black;">← Предыдущая</td> <td colspan='2' style="background-color: white; color:black;">Версия 21:49, 14 сентября 2018</td> </tr><tr><td colspan="2" class="diff-lineno">Строка 193:</td> <td colspan="2" class="diff-lineno">Строка 193:</td></tr> <tr><td class='diff-marker'>&#160;</td><td style="background: #eee; color:black; font-size: smaller;"><div>Те­перь до­бавь­те слой, ко­то­рый ото­бра­жа­ет ваш мар­шрут GPX на кар­те в соб­ст­вен­ном слое. ‘Carneddau’ – на­звание мар­шру­та, ко­то­рый ото­бра­жа­ет­ся в LayerSwitcher.</div></td><td class='diff-marker'>&#160;</td><td style="background: #eee; color:black; font-size: smaller;"><div>Те­перь до­бавь­те слой, ко­то­рый ото­бра­жа­ет ваш мар­шрут GPX на кар­те в соб­ст­вен­ном слое. ‘Carneddau’ – на­звание мар­шру­та, ко­то­рый ото­бра­жа­ет­ся в LayerSwitcher.</div></td></tr> <tr><td class='diff-marker'>&#160;</td><td style="background: #eee; color:black; font-size: smaller;"></td><td class='diff-marker'>&#160;</td><td style="background: #eee; color:black; font-size: smaller;"></td></tr> <tr><td class='diff-marker'>−</td><td style="background: #ffa; color:black; font-size: smaller;"><div>[[Файл: LXF158.feat_gps.gpspru_opt.jpeg|left |<del class="diffchange diffchange-inline">100px </del>|thumb| GPSPrune об­ра­ба­ты­ва­ет ва­ши мар­шру­ты GPS и на­но­сит фо­то на трас­су. При щелч­ке по точ­ке на кар­те ото­бра­зит­ся со­от­вет­ст­вую­щий пей­заж]]&#160; &#160;</div></td><td class='diff-marker'>+</td><td style="background: #cfc; color:black; font-size: smaller;"><div>[[Файл: LXF158.feat_gps.gpspru_opt.jpeg|left |<ins class="diffchange diffchange-inline">400px </ins>|thumb| GPSPrune об­ра­ба­ты­ва­ет ва­ши мар­шру­ты GPS и на­но­сит фо­то на трас­су. При щелч­ке по точ­ке на кар­те ото­бра­зит­ся со­от­вет­ст­вую­щий пей­заж]]&#160; &#160;</div></td></tr> <tr><td class='diff-marker'>&#160;</td><td style="background: #eee; color:black; font-size: smaller;"></td><td class='diff-marker'>&#160;</td><td style="background: #eee; color:black; font-size: smaller;"></td></tr> <tr><td class='diff-marker'>&#160;</td><td style="background: #eee; color:black; font-size: smaller;"><div>Ес­ли вы хо­ти­те ото­бра­зить бо­лее од­но­го марш­ру­та, про­сто ско­пи­руй­те этот раз­дел и за­тем со­от­вет­ст­вую­щим об­ра­зом из­мените па­ра­мет­ры.</div></td><td class='diff-marker'>&#160;</td><td style="background: #eee; color:black; font-size: smaller;"><div>Ес­ли вы хо­ти­те ото­бра­зить бо­лее од­но­го марш­ру­та, про­сто ско­пи­руй­те этот раз­дел и за­тем со­от­вет­ст­вую­щим об­ра­зом из­мените па­ра­мет­ры.</div></td></tr> </table>

Olkol http://wiki.linuxformat.ru/wiki/index.php?title=LXF158:%D0%9A%D0%B0%D1%80%D1%82%D0%B0_%D0%B2%D0%B0%D1%88%D0%B8%D1%85_%D0%BF%D1%80%D0%BE%D0%B3%D1%83%D0%BB%D0%BE%D0%BA&diff=17600&oldid=prev 2018-09-14T21:48:25Z

<p>‎<span dir="auto"><span class="autocomment">LayerSwitcher</span></span></p> <table class='diff diff-contentalign-left'> <col class='diff-marker' /> <col class='diff-content' /> <col class='diff-marker' /> <col class='diff-content' /> <tr valign='top'> <td colspan='2' style="background-color: white; color:black;">← Предыдущая</td> <td colspan='2' style="background-color: white; color:black;">Версия 21:48, 14 сентября 2018</td> </tr><tr><td colspan="2" class="diff-lineno">Строка 192:</td> <td colspan="2" class="diff-lineno">Строка 192:</td></tr> <tr><td class='diff-marker'>&#160;</td><td style="background: #eee; color:black; font-size: smaller;"></td><td class='diff-marker'>&#160;</td><td style="background: #eee; color:black; font-size: smaller;"></td></tr> <tr><td class='diff-marker'>&#160;</td><td style="background: #eee; color:black; font-size: smaller;"><div>Те­перь до­бавь­те слой, ко­то­рый ото­бра­жа­ет ваш мар­шрут GPX на кар­те в соб­ст­вен­ном слое. ‘Carneddau’ – на­звание мар­шру­та, ко­то­рый ото­бра­жа­ет­ся в LayerSwitcher.</div></td><td class='diff-marker'>&#160;</td><td style="background: #eee; color:black; font-size: smaller;"><div>Те­перь до­бавь­те слой, ко­то­рый ото­бра­жа­ет ваш мар­шрут GPX на кар­те в соб­ст­вен­ном слое. ‘Carneddau’ – на­звание мар­шру­та, ко­то­рый ото­бра­жа­ет­ся в LayerSwitcher.</div></td></tr> <tr><td colspan="2">&#160;</td><td class='diff-marker'>+</td><td style="background: #cfc; color:black; font-size: smaller;"><div><ins style="color: red; font-weight: bold; text-decoration: none;"></ins></div></td></tr> <tr><td colspan="2">&#160;</td><td class='diff-marker'>+</td><td style="background: #cfc; color:black; font-size: smaller;"><div><ins style="color: red; font-weight: bold; text-decoration: none;">[[Файл: LXF158.feat_gps.gpspru_opt.jpeg|left |100px |thumb| GPSPrune об­ра­ба­ты­ва­ет ва­ши мар­шру­ты GPS и на­но­сит фо­то на трас­су. При щелч­ке по точ­ке на кар­те ото­бра­зит­ся со­от­вет­ст­вую­щий пей­заж]]&#160; </ins></div></td></tr> <tr><td class='diff-marker'>&#160;</td><td style="background: #eee; color:black; font-size: smaller;"></td><td class='diff-marker'>&#160;</td><td style="background: #eee; color:black; font-size: smaller;"></td></tr> <tr><td class='diff-marker'>&#160;</td><td style="background: #eee; color:black; font-size: smaller;"><div>Ес­ли вы хо­ти­те ото­бра­зить бо­лее од­но­го марш­ру­та, про­сто ско­пи­руй­те этот раз­дел и за­тем со­от­вет­ст­вую­щим об­ра­зом из­мените па­ра­мет­ры.</div></td><td class='diff-marker'>&#160;</td><td style="background: #eee; color:black; font-size: smaller;"><div>Ес­ли вы хо­ти­те ото­бра­зить бо­лее од­но­го марш­ру­та, про­сто ско­пи­руй­те этот раз­дел и за­тем со­от­вет­ст­вую­щим об­ра­зом из­мените па­ра­мет­ры.</div></td></tr> <tr><td colspan="2" class="diff-lineno">Строка 239:</td> <td colspan="2" class="diff-lineno">Строка 241:</td></tr> <tr><td class='diff-marker'>&#160;</td><td style="background: #eee; color:black; font-size: smaller;"><div>Всплы­ваю­щее ок­но соз­да­ет­ся с по­мо­щью JavaScript, ко­то­рый ис­поль­зу­ет URL, за­клю­чен­ный в тек­сто­вом фай­ле с дан­ны­ми для POI.</div></td><td class='diff-marker'>&#160;</td><td style="background: #eee; color:black; font-size: smaller;"><div>Всплы­ваю­щее ок­но соз­да­ет­ся с по­мо­щью JavaScript, ко­то­рый ис­поль­зу­ет URL, за­клю­чен­ный в тек­сто­вом фай­ле с дан­ны­ми для POI.</div></td></tr> <tr><td class='diff-marker'>&#160;</td><td style="background: #eee; color:black; font-size: smaller;"></td><td class='diff-marker'>&#160;</td><td style="background: #eee; color:black; font-size: smaller;"></td></tr> <tr><td class='diff-marker'>−</td><td style="background: #ffa; color:black; font-size: smaller;"><div>[[Файл: 233145.png|left |80px ||]] <del class="diffchange diffchange-inline"> </del></div></td><td class='diff-marker'>+</td><td style="background: #cfc; color:black; font-size: smaller;"><div>[[Файл: 233145.png|left |80px ||]]</div></td></tr> <tr><td colspan="2">&#160;</td><td class='diff-marker'>+</td><td style="background: #cfc; color:black; font-size: smaller;"><div>&#160;</div></td></tr> <tr><td class='diff-marker'>&#160;</td><td style="background: #eee; color:black; font-size: smaller;"><div>==Гра­фи­ки восхо­ж­дения==</div></td><td class='diff-marker'>&#160;</td><td style="background: #eee; color:black; font-size: smaller;"><div>==Гра­фи­ки восхо­ж­дения==</div></td></tr> <tr><td class='diff-marker'>&#160;</td><td style="background: #eee; color:black; font-size: smaller;"></td><td class='diff-marker'>&#160;</td><td style="background: #eee; color:black; font-size: smaller;"></td></tr> </table>

Olkol http://wiki.linuxformat.ru/wiki/index.php?title=LXF158:%D0%9A%D0%B0%D1%80%D1%82%D0%B0_%D0%B2%D0%B0%D1%88%D0%B8%D1%85_%D0%BF%D1%80%D0%BE%D0%B3%D1%83%D0%BB%D0%BE%D0%BA&diff=17598&oldid=prev 2018-09-14T21:42:19Z

<p>‎<span dir="auto"><span class="autocomment">Ин­те­рес­ные мес­та</span></span></p> <table class='diff diff-contentalign-left'> <col class='diff-marker' /> <col class='diff-content' /> <col class='diff-marker' /> <col class='diff-content' /> <tr valign='top'> <td colspan='2' style="background-color: white; color:black;">← Предыдущая</td> <td colspan='2' style="background-color: white; color:black;">Версия 21:42, 14 сентября 2018</td> </tr><tr><td colspan="2" class="diff-lineno">Строка 151:</td> <td colspan="2" class="diff-lineno">Строка 151:</td></tr> <tr><td class='diff-marker'>&#160;</td><td style="background: #eee; color:black; font-size: smaller;"></td><td class='diff-marker'>&#160;</td><td style="background: #eee; color:black; font-size: smaller;"></td></tr> <tr><td class='diff-marker'>&#160;</td><td style="background: #eee; color:black; font-size: smaller;"><div>Те­перь кон­вер­ти­ру­ем фо­то­дан­ные XML из соз­дан­но­го ва­ми фай­ла photos.gpx в раз­де­лен­ные зна­ка­ми та­бу­ля­ции дан­ные, ис­поль­зуе­мые для ото­бра­жения POI в OpenLayers. По­сколь­ку дан­ные – это про­сто XML, для кон­вер­ти­ро­вания восполь­зу­ем­ся скрип­том Python. Пол­но­стью его код при­ве­ден на на­шем DVD. За­пусти­те скрипт с DVD и пе­ре­на­правь­те вы­ход­ные дан­ные в файл: ./generate_poi.py &gt; poi.txt. За­меть­те, что в кон­це фай­ла долж­на быть пустая стро­ка, ина­че по­следний POI не бу­дет ото­бра­жать­ся. По­мес­ти­те по­лу­чен­ный файл (poi.txt) в ту самую ди­рек­то­рию, где на­хо­дит­ся страница HTML, ко­то­рая соз­да­ет кар­ту.</div></td><td class='diff-marker'>&#160;</td><td style="background: #eee; color:black; font-size: smaller;"><div>Те­перь кон­вер­ти­ру­ем фо­то­дан­ные XML из соз­дан­но­го ва­ми фай­ла photos.gpx в раз­де­лен­ные зна­ка­ми та­бу­ля­ции дан­ные, ис­поль­зуе­мые для ото­бра­жения POI в OpenLayers. По­сколь­ку дан­ные – это про­сто XML, для кон­вер­ти­ро­вания восполь­зу­ем­ся скрип­том Python. Пол­но­стью его код при­ве­ден на на­шем DVD. За­пусти­те скрипт с DVD и пе­ре­на­правь­те вы­ход­ные дан­ные в файл: ./generate_poi.py &gt; poi.txt. За­меть­те, что в кон­це фай­ла долж­на быть пустая стро­ка, ина­че по­следний POI не бу­дет ото­бра­жать­ся. По­мес­ти­те по­лу­чен­ный файл (poi.txt) в ту самую ди­рек­то­рию, где на­хо­дит­ся страница HTML, ко­то­рая соз­да­ет кар­ту.</div></td></tr> <tr><td class='diff-marker'>−</td><td style="background: #ffa; color:black; font-size: smaller;"><div>[[Файл: LXF158.feat_gps.gpsbab_opt.jpeg|<del class="diffchange diffchange-inline">left </del>|<del class="diffchange diffchange-inline">80px </del>|thumb|Об­ра­бот­ка фай­ла с по­мо­щью GPSBabel.]]&#160; &#160;</div></td><td class='diff-marker'>+</td><td style="background: #cfc; color:black; font-size: smaller;"><div>[[Файл: LXF158.feat_gps.gpsbab_opt.jpeg||<ins class="diffchange diffchange-inline">400px </ins>|thumb|Об­ра­бот­ка фай­ла с по­мо­щью GPSBabel.]]&#160; &#160;</div></td></tr> <tr><td class='diff-marker'>−</td><td style="background: #ffa; color:black; font-size: smaller;"><div>[[Файл: 233145.png|left |80px ||]] <del class="diffchange diffchange-inline"> </del></div></td><td class='diff-marker'>+</td><td style="background: #cfc; color:black; font-size: smaller;"><div>[[Файл: 233145.png|left |80px ||]]</div></td></tr> <tr><td colspan="2">&#160;</td><td class='diff-marker'>+</td><td style="background: #cfc; color:black; font-size: smaller;"><div>&#160;</div></td></tr> <tr><td class='diff-marker'>&#160;</td><td style="background: #eee; color:black; font-size: smaller;"><div>==Ото­бра­жение на кар­те==</div></td><td class='diff-marker'>&#160;</td><td style="background: #eee; color:black; font-size: smaller;"><div>==Ото­бра­жение на кар­те==</div></td></tr> <tr><td class='diff-marker'>&#160;</td><td style="background: #eee; color:black; font-size: smaller;"></td><td class='diff-marker'>&#160;</td><td style="background: #eee; color:black; font-size: smaller;"></td></tr> </table>

Olkol http://wiki.linuxformat.ru/wiki/index.php?title=LXF158:%D0%9A%D0%B0%D1%80%D1%82%D0%B0_%D0%B2%D0%B0%D1%88%D0%B8%D1%85_%D0%BF%D1%80%D0%BE%D0%B3%D1%83%D0%BB%D0%BE%D0%BA&diff=17597&oldid=prev 2018-09-14T21:41:30Z

<p>‎<span dir="auto"><span class="autocomment">За­груз­ка дан­ных</span></span></p> <table class='diff diff-contentalign-left'> <col class='diff-marker' /> <col class='diff-content' /> <col class='diff-marker' /> <col class='diff-content' /> <tr valign='top'> <td colspan='2' style="background-color: white; color:black;">← Предыдущая</td> <td colspan='2' style="background-color: white; color:black;">Версия 21:41, 14 сентября 2018</td> </tr><tr><td colspan="2" class="diff-lineno">Строка 28:</td> <td colspan="2" class="diff-lineno">Строка 28:</td></tr> <tr><td class='diff-marker'>&#160;</td><td style="background: #eee; color:black; font-size: smaller;"></td><td class='diff-marker'>&#160;</td><td style="background: #eee; color:black; font-size: smaller;"></td></tr> <tr><td class='diff-marker'>&#160;</td><td style="background: #eee; color:black; font-size: smaller;"><div>Мно­гие со­вре­мен­ные уст­рой­ст­ва GPS име­ют пор­ты USB и опо­зна­ют­ся как уст­рой­ст­ва мас­со­во­го хранения дан­ных, так что вы смо­же­те за­гру­зить жур­нал с по­мо­щью фай­ло­во­го менед­же­ра.</div></td><td class='diff-marker'>&#160;</td><td style="background: #eee; color:black; font-size: smaller;"><div>Мно­гие со­вре­мен­ные уст­рой­ст­ва GPS име­ют пор­ты USB и опо­зна­ют­ся как уст­рой­ст­ва мас­со­во­го хранения дан­ных, так что вы смо­же­те за­гру­зить жур­нал с по­мо­щью фай­ло­во­го менед­же­ра.</div></td></tr> <tr><td class='diff-marker'>−</td><td style="background: #ffa; color:black; font-size: smaller;"><div>[[Файл:LXF158.feat_gps.map1_opt.jpeg |<del class="diffchange diffchange-inline">left </del>|400px |thumb|OpenStreetMap по­ка­зы­ва­ет всплы­ваю­щую POI Эл­лы и мар­шрут на­ви­га­то­ра для по­хо­да по Уэль­су.]]&#160; &#160;</div></td><td class='diff-marker'>+</td><td style="background: #cfc; color:black; font-size: smaller;"><div>[[Файл:LXF158.feat_gps.map1_opt.jpeg ||400px |thumb|OpenStreetMap по­ка­зы­ва­ет всплы­ваю­щую POI Эл­лы и мар­шрут на­ви­га­то­ра для по­хо­да по Уэль­су.]]&#160; &#160;</div></td></tr> <tr><td class='diff-marker'>−</td><td style="background: #ffa; color:black; font-size: smaller;"><div>[[Файл: 233145.png|left |80px ||]] <del class="diffchange diffchange-inline"> </del></div></td><td class='diff-marker'>+</td><td style="background: #cfc; color:black; font-size: smaller;"><div>[[Файл: 233145.png|left |80px ||]]</div></td></tr> <tr><td colspan="2">&#160;</td><td class='diff-marker'>+</td><td style="background: #cfc; color:black; font-size: smaller;"><div>&#160;</div></td></tr> <tr><td class='diff-marker'>&#160;</td><td style="background: #eee; color:black; font-size: smaller;"><div>==Оп­ре­де­лим до­пуски==</div></td><td class='diff-marker'>&#160;</td><td style="background: #eee; color:black; font-size: smaller;"><div>==Оп­ре­де­лим до­пуски==</div></td></tr> <tr><td class='diff-marker'>&#160;</td><td style="background: #eee; color:black; font-size: smaller;"></td><td class='diff-marker'>&#160;</td><td style="background: #eee; color:black; font-size: smaller;"></td></tr> </table>

Olkol http://wiki.linuxformat.ru/wiki/index.php?title=LXF158:%D0%9A%D0%B0%D1%80%D1%82%D0%B0_%D0%B2%D0%B0%D1%88%D0%B8%D1%85_%D0%BF%D1%80%D0%BE%D0%B3%D1%83%D0%BB%D0%BE%D0%BA&diff=17596&oldid=prev 2018-09-14T21:40:12Z

<p></p> <table class='diff diff-contentalign-left'> <col class='diff-marker' /> <col class='diff-content' /> <col class='diff-marker' /> <col class='diff-content' /> <tr valign='top'> <td colspan='2' style="background-color: white; color:black;">← Предыдущая</td> <td colspan='2' style="background-color: white; color:black;">Версия 21:40, 14 сентября 2018</td> </tr><tr><td colspan="2" class="diff-lineno">Строка 1:</td> <td colspan="2" class="diff-lineno">Строка 1:</td></tr> <tr><td class='diff-marker'>&#160;</td><td style="background: #eee; color:black; font-size: smaller;"><div>[[Категория:Постоянные рубрики]]&#160; &#160;</div></td><td class='diff-marker'>&#160;</td><td style="background: #eee; color:black; font-size: smaller;"><div>[[Категория:Постоянные рубрики]]&#160; &#160;</div></td></tr> <tr><td class='diff-marker'>&#160;</td><td style="background: #eee; color:black; font-size: smaller;"></td><td class='diff-marker'>&#160;</td><td style="background: #eee; color:black; font-size: smaller;"></td></tr> <tr><td class='diff-marker'>−</td><td style="background: #ffa; color:black; font-size: smaller;"><div><del class="diffchange diffchange-inline">[[Файл: 233145.png|left |80px ||]]&#160; </del></div></td><td class='diff-marker'>+</td><td style="background: #cfc; color:black; font-size: smaller;"><div>&#160;</div></td></tr> <tr><td class='diff-marker'>&#160;</td><td style="background: #eee; color:black; font-size: smaller;"><div>&lt;span style=&quot;color:black&quot;&gt;&lt;span style=&quot;font-size: 400%&quot;&gt; КАР­ТА ВА­ШИХ ПРО­ГУ­ЛОК&lt;/span&gt;&lt;/span&gt;</div></td><td class='diff-marker'>&#160;</td><td style="background: #eee; color:black; font-size: smaller;"><div>&lt;span style=&quot;color:black&quot;&gt;&lt;span style=&quot;font-size: 400%&quot;&gt; КАР­ТА ВА­ШИХ ПРО­ГУ­ЛОК&lt;/span&gt;&lt;/span&gt;</div></td></tr> <tr><td class='diff-marker'>&#160;</td><td style="background: #eee; color:black; font-size: smaller;"></td><td class='diff-marker'>&#160;</td><td style="background: #eee; color:black; font-size: smaller;"></td></tr> <tr><td colspan="2" class="diff-lineno">Строка 10:</td> <td colspan="2" class="diff-lineno">Строка 10:</td></tr> <tr><td class='diff-marker'>&#160;</td><td style="background: #eee; color:black; font-size: smaller;"></td><td class='diff-marker'>&#160;</td><td style="background: #eee; color:black; font-size: smaller;"></td></tr> <tr><td class='diff-marker'>&#160;</td><td style="background: #eee; color:black; font-size: smaller;"><div>&lt;span style=&quot;color:black&quot;&gt;&lt;span style=&quot;font-size: 200%&quot;&gt;&#160; Б&lt;/span&gt;&lt;/span&gt;у­ду­чи знту­зиа­стом аль­пи­низ­ма и ве­ло­спор­та, я ис­поль­зую GPS-на­ви­га­тор для за­пи­си сво­их мар­шру­тов, а циф­ро­вую ка­ме­ру – что­бы за­пе­чат­леть ви­ды. Желая по­де­лить­ся мар­шру­та­ми, мне на­до по­ка­зать свои пе­ре­ме­ще­ния на кар­те в web-брау­зе­ре. Как и в Google Maps, мне на­до бы­ло при­вя­зать мои фо­то­гра­фии к Point of Interest (POI, ин­те­рес­ное ме­сто) на кар­те и сде­лать так, что­бы фо­то­гра­фии всплы­ва­ли, ко­гда поль­зо­ва­тель щел­ка­ет на POI. Весь про­цесс за­дей­ст­ву­ет ог­ром­ную под­бор­ку ин­ст­ру­мен­тов с от­кры­тым ко­дом – от из­вле­че­ния мар­шру­тов из на­ви­га­то­ра и снаб­же­ния фо­то­гра­фий гео­тэ­га­ми по дан­ным GPS до ото­бра­же­ния и мар­шру­тов, и фо­то на кар­те при по­мо­щи биб­лио­те­ки JavaScript, OpenLayers.</div></td><td class='diff-marker'>&#160;</td><td style="background: #eee; color:black; font-size: smaller;"><div>&lt;span style=&quot;color:black&quot;&gt;&lt;span style=&quot;font-size: 200%&quot;&gt;&#160; Б&lt;/span&gt;&lt;/span&gt;у­ду­чи знту­зиа­стом аль­пи­низ­ма и ве­ло­спор­та, я ис­поль­зую GPS-на­ви­га­тор для за­пи­си сво­их мар­шру­тов, а циф­ро­вую ка­ме­ру – что­бы за­пе­чат­леть ви­ды. Желая по­де­лить­ся мар­шру­та­ми, мне на­до по­ка­зать свои пе­ре­ме­ще­ния на кар­те в web-брау­зе­ре. Как и в Google Maps, мне на­до бы­ло при­вя­зать мои фо­то­гра­фии к Point of Interest (POI, ин­те­рес­ное ме­сто) на кар­те и сде­лать так, что­бы фо­то­гра­фии всплы­ва­ли, ко­гда поль­зо­ва­тель щел­ка­ет на POI. Весь про­цесс за­дей­ст­ву­ет ог­ром­ную под­бор­ку ин­ст­ру­мен­тов с от­кры­тым ко­дом – от из­вле­че­ния мар­шру­тов из на­ви­га­то­ра и снаб­же­ния фо­то­гра­фий гео­тэ­га­ми по дан­ным GPS до ото­бра­же­ния и мар­шру­тов, и фо­то на кар­те при по­мо­щи биб­лио­те­ки JavaScript, OpenLayers.</div></td></tr> <tr><td class='diff-marker'>−</td><td style="background: #ffa; color:black; font-size: smaller;"><div>&#160;</div></td><td class='diff-marker'>+</td><td style="background: #cfc; color:black; font-size: smaller;"><div><ins class="diffchange diffchange-inline">[[Файл: 233145.png|left |80px ||]]&#160; </ins></div></td></tr> <tr><td class='diff-marker'>&#160;</td><td style="background: #eee; color:black; font-size: smaller;"><div>==За­груз­ка дан­ных==</div></td><td class='diff-marker'>&#160;</td><td style="background: #eee; color:black; font-size: smaller;"><div>==За­груз­ка дан­ных==</div></td></tr> <tr><td class='diff-marker'>&#160;</td><td style="background: #eee; color:black; font-size: smaller;"></td><td class='diff-marker'>&#160;</td><td style="background: #eee; color:black; font-size: smaller;"></td></tr> <tr><td colspan="2" class="diff-lineno">Строка 29:</td> <td colspan="2" class="diff-lineno">Строка 29:</td></tr> <tr><td class='diff-marker'>&#160;</td><td style="background: #eee; color:black; font-size: smaller;"><div>Мно­гие со­вре­мен­ные уст­рой­ст­ва GPS име­ют пор­ты USB и опо­зна­ют­ся как уст­рой­ст­ва мас­со­во­го хранения дан­ных, так что вы смо­же­те за­гру­зить жур­нал с по­мо­щью фай­ло­во­го менед­же­ра.</div></td><td class='diff-marker'>&#160;</td><td style="background: #eee; color:black; font-size: smaller;"><div>Мно­гие со­вре­мен­ные уст­рой­ст­ва GPS име­ют пор­ты USB и опо­зна­ют­ся как уст­рой­ст­ва мас­со­во­го хранения дан­ных, так что вы смо­же­те за­гру­зить жур­нал с по­мо­щью фай­ло­во­го менед­же­ра.</div></td></tr> <tr><td class='diff-marker'>&#160;</td><td style="background: #eee; color:black; font-size: smaller;"><div>[[Файл:LXF158.feat_gps.map1_opt.jpeg |left |400px |thumb|OpenStreetMap по­ка­зы­ва­ет всплы­ваю­щую POI Эл­лы и мар­шрут на­ви­га­то­ра для по­хо­да по Уэль­су.]]&#160; &#160;</div></td><td class='diff-marker'>&#160;</td><td style="background: #eee; color:black; font-size: smaller;"><div>[[Файл:LXF158.feat_gps.map1_opt.jpeg |left |400px |thumb|OpenStreetMap по­ка­зы­ва­ет всплы­ваю­щую POI Эл­лы и мар­шрут на­ви­га­то­ра для по­хо­да по Уэль­су.]]&#160; &#160;</div></td></tr> <tr><td class='diff-marker'>−</td><td style="background: #ffa; color:black; font-size: smaller;"><div>&#160;</div></td><td class='diff-marker'>+</td><td style="background: #cfc; color:black; font-size: smaller;"><div><ins class="diffchange diffchange-inline">[[Файл: 233145.png|left |80px ||]]&#160; </ins></div></td></tr> <tr><td class='diff-marker'>&#160;</td><td style="background: #eee; color:black; font-size: smaller;"><div>==Оп­ре­де­лим до­пуски==</div></td><td class='diff-marker'>&#160;</td><td style="background: #eee; color:black; font-size: smaller;"><div>==Оп­ре­де­лим до­пуски==</div></td></tr> <tr><td class='diff-marker'>&#160;</td><td style="background: #eee; color:black; font-size: smaller;"></td><td class='diff-marker'>&#160;</td><td style="background: #eee; color:black; font-size: smaller;"></td></tr> <tr><td colspan="2" class="diff-lineno">Строка 55:</td> <td colspan="2" class="diff-lineno">Строка 55:</td></tr> <tr><td class='diff-marker'>&#160;</td><td style="background: #eee; color:black; font-size: smaller;"></td><td class='diff-marker'>&#160;</td><td style="background: #eee; color:black; font-size: smaller;"></td></tr> <tr><td class='diff-marker'>&#160;</td><td style="background: #eee; color:black; font-size: smaller;"><div>Ес­ли все по­лу­чит­ся кри­во, вы смо­же­те ис­поль­зо­вать их для восста­нов­ления ис­ход­ных дан­ных.</div></td><td class='diff-marker'>&#160;</td><td style="background: #eee; color:black; font-size: smaller;"><div>Ес­ли все по­лу­чит­ся кри­во, вы смо­же­те ис­поль­зо­вать их для восста­нов­ления ис­ход­ных дан­ных.</div></td></tr> <tr><td class='diff-marker'>−</td><td style="background: #ffa; color:black; font-size: smaller;"><div>[[Файл: 233145.png|left |<del class="diffchange diffchange-inline">30px </del>||]] <del class="diffchange diffchange-inline"> </del></div></td><td class='diff-marker'>+</td><td style="background: #cfc; color:black; font-size: smaller;"><div>[[Файл: 233145.png|left |<ins class="diffchange diffchange-inline">80px </ins>||]] <ins class="diffchange diffchange-inline">&#160; </ins></div></td></tr> <tr><td class='diff-marker'>&#160;</td><td style="background: #eee; color:black; font-size: smaller;"><div>==Гео­тэ­ги==</div></td><td class='diff-marker'>&#160;</td><td style="background: #eee; color:black; font-size: smaller;"><div>==Гео­тэ­ги==</div></td></tr> <tr><td class='diff-marker'>&#160;</td><td style="background: #eee; color:black; font-size: smaller;"></td><td class='diff-marker'>&#160;</td><td style="background: #eee; color:black; font-size: smaller;"></td></tr> <tr><td colspan="2" class="diff-lineno">Строка 108:</td> <td colspan="2" class="diff-lineno">Строка 108:</td></tr> <tr><td class='diff-marker'>&#160;</td><td style="background: #eee; color:black; font-size: smaller;"><div>Из всех фай­лов с рас­ши­рением .JPG в этой ди­рек­то­рии соз­да­дут­ся миниа­тю­ры.</div></td><td class='diff-marker'>&#160;</td><td style="background: #eee; color:black; font-size: smaller;"><div>Из всех фай­лов с рас­ши­рением .JPG в этой ди­рек­то­рии соз­да­дут­ся миниа­тю­ры.</div></td></tr> <tr><td class='diff-marker'>&#160;</td><td style="background: #eee; color:black; font-size: smaller;"></td><td class='diff-marker'>&#160;</td><td style="background: #eee; color:black; font-size: smaller;"></td></tr> <tr><td class='diff-marker'>−</td><td style="background: #ffa; color:black; font-size: smaller;"><div><del class="diffchange diffchange-inline">234105</del>.<del class="diffchange diffchange-inline">pngИн­те­рес­ные </del>мес­та</div></td><td class='diff-marker'>+</td><td style="background: #cfc; color:black; font-size: smaller;"><div><ins class="diffchange diffchange-inline">[[Файл: 233145</ins>.<ins class="diffchange diffchange-inline">png|left |80px ||]]&#160; </ins></div></td></tr> <tr><td colspan="2">&#160;</td><td class='diff-marker'>+</td><td style="background: #cfc; color:black; font-size: smaller;"><div><ins class="diffchange diffchange-inline">==Ин­те­рес­ные </ins>мес­та<ins class="diffchange diffchange-inline">==</ins></div></td></tr> <tr><td class='diff-marker'>&#160;</td><td style="background: #eee; color:black; font-size: smaller;"></td><td class='diff-marker'>&#160;</td><td style="background: #eee; color:black; font-size: smaller;"></td></tr> <tr><td class='diff-marker'>&#160;</td><td style="background: #eee; color:black; font-size: smaller;"><div>Что­бы по­ка­зать ме­сто, где бы­ли сде­ла­ны фо­то­гра­фии на ва­шей кар­те, вы соз­дае­те точ­ку Point of Interest (POI), со­от­вет­ст­вую­щую ка­ж­дой из них. К сча­стью, OpenLayers за­гру­зит дан­ные для ото­бра­жения POI из фай­ла, так что вам не при­дет­ся до­бав­лять все POI вруч­ную. По­ля за­пи­си дан­ных по­ка­за­ны ниже. Уч­ти­те, что по­ля раз­де­ля­ют­ся зна­ка­ми та­бу­ля­ции, а за­пи­си – пе­ре­во­дом стро­ки.</div></td><td class='diff-marker'>&#160;</td><td style="background: #eee; color:black; font-size: smaller;"><div>Что­бы по­ка­зать ме­сто, где бы­ли сде­ла­ны фо­то­гра­фии на ва­шей кар­те, вы соз­дае­те точ­ку Point of Interest (POI), со­от­вет­ст­вую­щую ка­ж­дой из них. К сча­стью, OpenLayers за­гру­зит дан­ные для ото­бра­жения POI из фай­ла, так что вам не при­дет­ся до­бав­лять все POI вруч­ную. По­ля за­пи­си дан­ных по­ка­за­ны ниже. Уч­ти­те, что по­ля раз­де­ля­ют­ся зна­ка­ми та­бу­ля­ции, а за­пи­си – пе­ре­во­дом стро­ки.</div></td></tr> <tr><td colspan="2" class="diff-lineno">Строка 149:</td> <td colspan="2" class="diff-lineno">Строка 150:</td></tr> <tr><td class='diff-marker'>&#160;</td><td style="background: #eee; color:black; font-size: smaller;"></td><td class='diff-marker'>&#160;</td><td style="background: #eee; color:black; font-size: smaller;"></td></tr> <tr><td class='diff-marker'>&#160;</td><td style="background: #eee; color:black; font-size: smaller;"><div>Те­перь кон­вер­ти­ру­ем фо­то­дан­ные XML из соз­дан­но­го ва­ми фай­ла photos.gpx в раз­де­лен­ные зна­ка­ми та­бу­ля­ции дан­ные, ис­поль­зуе­мые для ото­бра­жения POI в OpenLayers. По­сколь­ку дан­ные – это про­сто XML, для кон­вер­ти­ро­вания восполь­зу­ем­ся скрип­том Python. Пол­но­стью его код при­ве­ден на на­шем DVD. За­пусти­те скрипт с DVD и пе­ре­на­правь­те вы­ход­ные дан­ные в файл: ./generate_poi.py &gt; poi.txt. За­меть­те, что в кон­це фай­ла долж­на быть пустая стро­ка, ина­че по­следний POI не бу­дет ото­бра­жать­ся. По­мес­ти­те по­лу­чен­ный файл (poi.txt) в ту самую ди­рек­то­рию, где на­хо­дит­ся страница HTML, ко­то­рая соз­да­ет кар­ту.</div></td><td class='diff-marker'>&#160;</td><td style="background: #eee; color:black; font-size: smaller;"><div>Те­перь кон­вер­ти­ру­ем фо­то­дан­ные XML из соз­дан­но­го ва­ми фай­ла photos.gpx в раз­де­лен­ные зна­ка­ми та­бу­ля­ции дан­ные, ис­поль­зуе­мые для ото­бра­жения POI в OpenLayers. По­сколь­ку дан­ные – это про­сто XML, для кон­вер­ти­ро­вания восполь­зу­ем­ся скрип­том Python. Пол­но­стью его код при­ве­ден на на­шем DVD. За­пусти­те скрипт с DVD и пе­ре­на­правь­те вы­ход­ные дан­ные в файл: ./generate_poi.py &gt; poi.txt. За­меть­те, что в кон­це фай­ла долж­на быть пустая стро­ка, ина­че по­следний POI не бу­дет ото­бра­жать­ся. По­мес­ти­те по­лу­чен­ный файл (poi.txt) в ту самую ди­рек­то­рию, где на­хо­дит­ся страница HTML, ко­то­рая соз­да­ет кар­ту.</div></td></tr> <tr><td class='diff-marker'>−</td><td style="background: #ffa; color:black; font-size: smaller;"><div>&#160;</div></td><td class='diff-marker'>+</td><td style="background: #cfc; color:black; font-size: smaller;"><div><ins class="diffchange diffchange-inline">[[Файл: LXF158.feat_gps.gpsbab_opt.jpeg|left |80px |thumb|Об­ра­бот­ка фай­ла с по­мо­щью GPSBabel.]]&#160; </ins></div></td></tr> <tr><td class='diff-marker'>−</td><td style="background: #ffa; color:black; font-size: smaller;"><div><del class="diffchange diffchange-inline">234114</del>.<del class="diffchange diffchange-inline">pngОто­бра­жение </del>на кар­те</div></td><td class='diff-marker'>+</td><td style="background: #cfc; color:black; font-size: smaller;"><div><ins class="diffchange diffchange-inline">[[Файл: 233145</ins>.<ins class="diffchange diffchange-inline">png|left |80px ||]]&#160; </ins></div></td></tr> <tr><td colspan="2">&#160;</td><td class='diff-marker'>+</td><td style="background: #cfc; color:black; font-size: smaller;"><div><ins class="diffchange diffchange-inline">==Ото­бра­жение </ins>на кар­те<ins class="diffchange diffchange-inline">==</ins></div></td></tr> <tr><td class='diff-marker'>&#160;</td><td style="background: #eee; color:black; font-size: smaller;"></td><td class='diff-marker'>&#160;</td><td style="background: #eee; color:black; font-size: smaller;"></td></tr> <tr><td class='diff-marker'>&#160;</td><td style="background: #eee; color:black; font-size: smaller;"><div>Те­перь у вас есть фо­то­гра­фии с гео­тэ­га­ми, миниа­тю­ры и тек­сто­вый файл, со­дер­жа­щий ин­фор­ма­цию для ото­бра­жения фо­то­гра­фий в ви­де POI на кар­те. Конеч­ная ста­дия – соз­дание страницы HTML, со­дер­жа­щей всю ин­фор­ма­цию, необ­хо­ди­мую для за­груз­ки дан­ных кар­ты и ото­бра­жения мар­шру­та и фо­то­гра­фий. Вы мо­же­те ис­поль­зо­вать прак­ти­че­­ски лю­бой web-сер­вер, по­сколь­ку ра­бо­та ве­дет­ся в брау­зе­ре.</div></td><td class='diff-marker'>&#160;</td><td style="background: #eee; color:black; font-size: smaller;"><div>Те­перь у вас есть фо­то­гра­фии с гео­тэ­га­ми, миниа­тю­ры и тек­сто­вый файл, со­дер­жа­щий ин­фор­ма­цию для ото­бра­жения фо­то­гра­фий в ви­де POI на кар­те. Конеч­ная ста­дия – соз­дание страницы HTML, со­дер­жа­щей всю ин­фор­ма­цию, необ­хо­ди­мую для за­груз­ки дан­ных кар­ты и ото­бра­жения мар­шру­та и фо­то­гра­фий. Вы мо­же­те ис­поль­зо­вать прак­ти­че­­ски лю­бой web-сер­вер, по­сколь­ку ра­бо­та ве­дет­ся в брау­зе­ре.</div></td></tr> <tr><td colspan="2" class="diff-lineno">Строка 168:</td> <td colspan="2" class="diff-lineno">Строка 170:</td></tr> <tr><td class='diff-marker'>&#160;</td><td style="background: #eee; color:black; font-size: smaller;"><div>Кар­та так­же бу­дет ото­бра­жать POI, ко­то­рые вы соз­да­ли по тем мес­там, где снимали фо­то­гра­фии. При щелч­ке по POI ото­бра­зит­ся всплы­ваю­щее ок­но с под­пи­сью и миниа­тю­рой фо­то­гра­фии. Ес­ли щелк­нуть по миниа­тю­ре, во всплы­ваю­щем окне ото­бра­зит­ся пол­но­раз­мер­ная фо­то­гра­фия.</div></td><td class='diff-marker'>&#160;</td><td style="background: #eee; color:black; font-size: smaller;"><div>Кар­та так­же бу­дет ото­бра­жать POI, ко­то­рые вы соз­да­ли по тем мес­там, где снимали фо­то­гра­фии. При щелч­ке по POI ото­бра­зит­ся всплы­ваю­щее ок­но с под­пи­сью и миниа­тю­рой фо­то­гра­фии. Ес­ли щелк­нуть по миниа­тю­ре, во всплы­ваю­щем окне ото­бра­зит­ся пол­но­раз­мер­ная фо­то­гра­фия.</div></td></tr> <tr><td class='diff-marker'>&#160;</td><td style="background: #eee; color:black; font-size: smaller;"></td><td class='diff-marker'>&#160;</td><td style="background: #eee; color:black; font-size: smaller;"></td></tr> <tr><td class='diff-marker'>−</td><td style="background: #ffa; color:black; font-size: smaller;"><div><del class="diffchange diffchange-inline">234123</del>.<del class="diffchange diffchange-inline">pngLayerSwitcher</del></div></td><td class='diff-marker'>+</td><td style="background: #cfc; color:black; font-size: smaller;"><div><ins class="diffchange diffchange-inline">[[Файл: 233145</ins>.<ins class="diffchange diffchange-inline">png|left |80px ||]]&#160; </ins></div></td></tr> <tr><td colspan="2">&#160;</td><td class='diff-marker'>+</td><td style="background: #cfc; color:black; font-size: smaller;"><div><ins class="diffchange diffchange-inline">==LayerSwitcher==</ins></div></td></tr> <tr><td class='diff-marker'>&#160;</td><td style="background: #eee; color:black; font-size: smaller;"></td><td class='diff-marker'>&#160;</td><td style="background: #eee; color:black; font-size: smaller;"></td></tr> <tr><td class='diff-marker'>&#160;</td><td style="background: #eee; color:black; font-size: smaller;"><div>Пер­вый шаг – соз­дать страницу, ко­то­рая ото­бра­жа­ет кар­ту ин­те­ре­сую­щей вас ме­ст­но­сти. Бу­дем ис­поль­зо­вать OpenLayers LayerSwitcher, ко­то­рый по­зво­лит пе­ре­клю­чать­ся ме­ж­ду раз­ны­ми слоя­ми OpenStreetMap. Вы так­же мо­же­те ис­поль­зо­вать ее для пе­ре­клю­чения ме­ж­ду раз­ны­ми кар­та­ми, на­при­мер, Google и OpenStreetMap.</div></td><td class='diff-marker'>&#160;</td><td style="background: #eee; color:black; font-size: smaller;"><div>Пер­вый шаг – соз­дать страницу, ко­то­рая ото­бра­жа­ет кар­ту ин­те­ре­сую­щей вас ме­ст­но­сти. Бу­дем ис­поль­зо­вать OpenLayers LayerSwitcher, ко­то­рый по­зво­лит пе­ре­клю­чать­ся ме­ж­ду раз­ны­ми слоя­ми OpenStreetMap. Вы так­же мо­же­те ис­поль­зо­вать ее для пе­ре­клю­чения ме­ж­ду раз­ны­ми кар­та­ми, на­при­мер, Google и OpenStreetMap.</div></td></tr> <tr><td colspan="2" class="diff-lineno">Строка 174:</td> <td colspan="2" class="diff-lineno">Строка 177:</td></tr> <tr><td class='diff-marker'>&#160;</td><td style="background: #eee; color:black; font-size: smaller;"><div>Пол­ный код для web-страницы слиш­ком ве­лик, что­бы мы по­ка­зы­ва­ли его здесь, но он име­ет­ся на DVD. Вот несколь­ко прие­мов и со­ве­тов:</div></td><td class='diff-marker'>&#160;</td><td style="background: #eee; color:black; font-size: smaller;"><div>Пол­ный код для web-страницы слиш­ком ве­лик, что­бы мы по­ка­зы­ва­ли его здесь, но он име­ет­ся на DVD. Вот несколь­ко прие­мов и со­ве­тов:</div></td></tr> <tr><td class='diff-marker'>&#160;</td><td style="background: #eee; color:black; font-size: smaller;"></td><td class='diff-marker'>&#160;</td><td style="background: #eee; color:black; font-size: smaller;"></td></tr> <tr><td class='diff-marker'>−</td><td style="background: #ffa; color:black; font-size: smaller;"><div><del class="diffchange diffchange-inline">» </del>Обес­печь­те, что­бы на ва­шей странице был дей­ст­вую­щий DOCTYPE, ина­че нач­нут­ся стран­но­сти.</div></td><td class='diff-marker'>+</td><td style="background: #cfc; color:black; font-size: smaller;"><div><ins class="diffchange diffchange-inline">* </ins>Обес­печь­те, что­бы на ва­шей странице был дей­ст­вую­щий DOCTYPE, ина­че нач­нут­ся стран­но­сти.</div></td></tr> <tr><td class='diff-marker'>&#160;</td><td style="background: #eee; color:black; font-size: smaller;"></td><td class='diff-marker'>&#160;</td><td style="background: #eee; color:black; font-size: smaller;"></td></tr> <tr><td class='diff-marker'>−</td><td style="background: #ffa; color:black; font-size: smaller;"><div><del class="diffchange diffchange-inline">» </del>Храните все фай­лы JavaScript на своем сер­ве­ре.</div></td><td class='diff-marker'>+</td><td style="background: #cfc; color:black; font-size: smaller;"><div><ins class="diffchange diffchange-inline">* </ins>Храните все фай­лы JavaScript на своем сер­ве­ре.</div></td></tr> <tr><td class='diff-marker'>&#160;</td><td style="background: #eee; color:black; font-size: smaller;"></td><td class='diff-marker'>&#160;</td><td style="background: #eee; color:black; font-size: smaller;"></td></tr> <tr><td class='diff-marker'>−</td><td style="background: #ffa; color:black; font-size: smaller;"><div><del class="diffchange diffchange-inline">» </del>Од­на­ко у вас бу­дут все са­мые све­жие за­плат­ки (и но­вые ошиб­ки то­же), ес­ли вы об­ра­ти­тесь к биб­лио­те­ке на уда­лен­ном сай­те.</div></td><td class='diff-marker'>+</td><td style="background: #cfc; color:black; font-size: smaller;"><div><ins class="diffchange diffchange-inline">* </ins>Од­на­ко у вас бу­дут все са­мые све­жие за­плат­ки (и но­вые ошиб­ки то­же), ес­ли вы об­ра­ти­тесь к биб­лио­те­ке на уда­лен­ном сай­те.</div></td></tr> <tr><td class='diff-marker'>&#160;</td><td style="background: #eee; color:black; font-size: smaller;"></td><td class='diff-marker'>&#160;</td><td style="background: #eee; color:black; font-size: smaller;"></td></tr> <tr><td class='diff-marker'>−</td><td style="background: #ffa; color:black; font-size: smaller;"><div><del class="diffchange diffchange-inline">» </del>Ис­поль­зуя Google Maps или Ordnance Survey, убе­ди­тесь, что у вас дей­ст­вую­щий ключ API. Ключ при­вя­зан к ва­ше­му до­мен­но­му имени, и на дру­гом сай­те ра­бо­тать не бу­дет.</div></td><td class='diff-marker'>+</td><td style="background: #cfc; color:black; font-size: smaller;"><div><ins class="diffchange diffchange-inline">* </ins>Ис­поль­зуя Google Maps или Ordnance Survey, убе­ди­тесь, что у вас дей­ст­вую­щий ключ API. Ключ при­вя­зан к ва­ше­му до­мен­но­му имени, и на дру­гом сай­те ра­бо­тать не бу­дет.</div></td></tr> <tr><td class='diff-marker'>&#160;</td><td style="background: #eee; color:black; font-size: smaller;"></td><td class='diff-marker'>&#160;</td><td style="background: #eee; color:black; font-size: smaller;"></td></tr> <tr><td class='diff-marker'>−</td><td style="background: #ffa; color:black; font-size: smaller;"><div><del class="diffchange diffchange-inline">» </del>Слой Cycle Map [ве­ло­си­пед­ный] в OpenStreetMaps так­же от­лич­но под­хо­дит для ото­бра­жения дан­ных по пе­ше­ход­ным мар­шру­там, по­сколь­ку ото­бра­жа­ет кон­тур­ные линии.</div></td><td class='diff-marker'>+</td><td style="background: #cfc; color:black; font-size: smaller;"><div><ins class="diffchange diffchange-inline">* </ins>Слой Cycle Map [ве­ло­си­пед­ный] в OpenStreetMaps так­же от­лич­но под­хо­дит для ото­бра­жения дан­ных по пе­ше­ход­ным мар­шру­там, по­сколь­ку ото­бра­жа­ет кон­тур­ные линии.</div></td></tr> <tr><td class='diff-marker'>&#160;</td><td style="background: #eee; color:black; font-size: smaller;"></td><td class='diff-marker'>&#160;</td><td style="background: #eee; color:black; font-size: smaller;"></td></tr> <tr><td class='diff-marker'>&#160;</td><td style="background: #eee; color:black; font-size: smaller;"><div>Код, ото­бра­жаю­щий слой кар­ты, на­хо­дит­ся в од­ном бло­ке JavaScript. Сна­ча­ла вы объ­яв­ляете несколь­ко пе­ре­мен­ных, ко­то­рые со­об­щат кар­те нуж­ную ши­ро­ту и дол­го­ту. Про­чие ат­ри­бу­ты, на­при­мер, ото­бра­жение панелей LayerSwitcher и Pan [па­но­ра­ма] and Zoom [мас­шта­би­ро­вание], так­же долж­ны быть оп­ре­де­ле­ны.</div></td><td class='diff-marker'>&#160;</td><td style="background: #eee; color:black; font-size: smaller;"><div>Код, ото­бра­жаю­щий слой кар­ты, на­хо­дит­ся в од­ном бло­ке JavaScript. Сна­ча­ла вы объ­яв­ляете несколь­ко пе­ре­мен­ных, ко­то­рые со­об­щат кар­те нуж­ную ши­ро­ту и дол­го­ту. Про­чие ат­ри­бу­ты, на­при­мер, ото­бра­жение панелей LayerSwitcher и Pan [па­но­ра­ма] and Zoom [мас­шта­би­ро­вание], так­же долж­ны быть оп­ре­де­ле­ны.</div></td></tr> <tr><td colspan="2" class="diff-lineno">Строка 234:</td> <td colspan="2" class="diff-lineno">Строка 237:</td></tr> <tr><td class='diff-marker'>&#160;</td><td style="background: #eee; color:black; font-size: smaller;"><div>Всплы­ваю­щее ок­но соз­да­ет­ся с по­мо­щью JavaScript, ко­то­рый ис­поль­зу­ет URL, за­клю­чен­ный в тек­сто­вом фай­ле с дан­ны­ми для POI.</div></td><td class='diff-marker'>&#160;</td><td style="background: #eee; color:black; font-size: smaller;"><div>Всплы­ваю­щее ок­но соз­да­ет­ся с по­мо­щью JavaScript, ко­то­рый ис­поль­зу­ет URL, за­клю­чен­ный в тек­сто­вом фай­ле с дан­ны­ми для POI.</div></td></tr> <tr><td class='diff-marker'>&#160;</td><td style="background: #eee; color:black; font-size: smaller;"></td><td class='diff-marker'>&#160;</td><td style="background: #eee; color:black; font-size: smaller;"></td></tr> <tr><td class='diff-marker'>−</td><td style="background: #ffa; color:black; font-size: smaller;"><div>Гра­фи­ки восхо­ж­дения</div></td><td class='diff-marker'>+</td><td style="background: #cfc; color:black; font-size: smaller;"><div><ins class="diffchange diffchange-inline">[[Файл: 233145.png|left |80px ||]]&#160; </ins></div></td></tr> <tr><td colspan="2">&#160;</td><td class='diff-marker'>+</td><td style="background: #cfc; color:black; font-size: smaller;"><div><ins class="diffchange diffchange-inline">==</ins>Гра­фи­ки восхо­ж­дения<ins class="diffchange diffchange-inline">==</ins></div></td></tr> <tr><td class='diff-marker'>&#160;</td><td style="background: #eee; color:black; font-size: smaller;"></td><td class='diff-marker'>&#160;</td><td style="background: #eee; color:black; font-size: smaller;"></td></tr> <tr><td class='diff-marker'>&#160;</td><td style="background: #eee; color:black; font-size: smaller;"><div>Мне час­то хо­чет­ся изо­бра­зить свой мар­шрут GPX в ви­де гра­фи­ка восхо­ж­дения, ко­то­рый ото­бра­жа­ет вы­со­ту на всей про­тя­жен­но­сти мар­шру­та. Ес­ли, как мы ска­за­ли, GPSBabel – это швей­цар­ский нож для дан­ных GPS, то для гра­фи­ков это­го звания досто­ин Gnuplot. Вы мо­же­те соз­дать гра­фик с по­мо­щью GPSPrune (ко­то­рый вы­зы­ва­ет GnuPlot), но ра­бо­та непо­сред­ст­вен­но с GnuPlot бу­дет бо­лее гиб­кой.</div></td><td class='diff-marker'>&#160;</td><td style="background: #eee; color:black; font-size: smaller;"><div>Мне час­то хо­чет­ся изо­бра­зить свой мар­шрут GPX в ви­де гра­фи­ка восхо­ж­дения, ко­то­рый ото­бра­жа­ет вы­со­ту на всей про­тя­жен­но­сти мар­шру­та. Ес­ли, как мы ска­за­ли, GPSBabel – это швей­цар­ский нож для дан­ных GPS, то для гра­фи­ков это­го звания досто­ин Gnuplot. Вы мо­же­те соз­дать гра­фик с по­мо­щью GPSPrune (ко­то­рый вы­зы­ва­ет GnuPlot), но ра­бо­та непо­сред­ст­вен­но с GnuPlot бу­дет бо­лее гиб­кой.</div></td></tr> </table>

Olkol http://wiki.linuxformat.ru/wiki/index.php?title=LXF158:%D0%9A%D0%B0%D1%80%D1%82%D0%B0_%D0%B2%D0%B0%D1%88%D0%B8%D1%85_%D0%BF%D1%80%D0%BE%D0%B3%D1%83%D0%BB%D0%BE%D0%BA&diff=17594&oldid=prev 2018-09-14T21:28:58Z

<p></p> <table class='diff diff-contentalign-left'> <col class='diff-marker' /> <col class='diff-content' /> <col class='diff-marker' /> <col class='diff-content' /> <tr valign='top'> <td colspan='2' style="background-color: white; color:black;">← Предыдущая</td> <td colspan='2' style="background-color: white; color:black;">Версия 21:28, 14 сентября 2018</td> </tr><tr><td colspan="2" class="diff-lineno">Строка 1:</td> <td colspan="2" class="diff-lineno">Строка 1:</td></tr> <tr><td class='diff-marker'>&#160;</td><td style="background: #eee; color:black; font-size: smaller;"><div>[[Категория:Постоянные рубрики]]&#160; &#160;</div></td><td class='diff-marker'>&#160;</td><td style="background: #eee; color:black; font-size: smaller;"><div>[[Категория:Постоянные рубрики]]&#160; &#160;</div></td></tr> <tr><td class='diff-marker'>&#160;</td><td style="background: #eee; color:black; font-size: smaller;"></td><td class='diff-marker'>&#160;</td><td style="background: #eee; color:black; font-size: smaller;"></td></tr> <tr><td class='diff-marker'>−</td><td style="background: #ffa; color:black; font-size: smaller;"><div>[[Файл: 233145.png|left |<del class="diffchange diffchange-inline">50px </del>||]]&#160; &#160;</div></td><td class='diff-marker'>+</td><td style="background: #cfc; color:black; font-size: smaller;"><div>[[Файл: 233145.png|left |<ins class="diffchange diffchange-inline">80px </ins>||]]&#160; &#160;</div></td></tr> <tr><td class='diff-marker'>&#160;</td><td style="background: #eee; color:black; font-size: smaller;"><div>&lt;span style=&quot;color:black&quot;&gt;&lt;span style=&quot;font-size: 400%&quot;&gt; КАР­ТА ВА­ШИХ ПРО­ГУ­ЛОК&lt;/span&gt;&lt;/span&gt;</div></td><td class='diff-marker'>&#160;</td><td style="background: #eee; color:black; font-size: smaller;"><div>&lt;span style=&quot;color:black&quot;&gt;&lt;span style=&quot;font-size: 400%&quot;&gt; КАР­ТА ВА­ШИХ ПРО­ГУ­ЛОК&lt;/span&gt;&lt;/span&gt;</div></td></tr> <tr><td class='diff-marker'>&#160;</td><td style="background: #eee; color:black; font-size: smaller;"></td><td class='diff-marker'>&#160;</td><td style="background: #eee; color:black; font-size: smaller;"></td></tr> </table>

Olkol http://wiki.linuxformat.ru/wiki/index.php?title=LXF158:%D0%9A%D0%B0%D1%80%D1%82%D0%B0_%D0%B2%D0%B0%D1%88%D0%B8%D1%85_%D0%BF%D1%80%D0%BE%D0%B3%D1%83%D0%BB%D0%BE%D0%BA&diff=17593&oldid=prev 2018-09-14T21:28:23Z

<p></p> <table class='diff diff-contentalign-left'> <col class='diff-marker' /> <col class='diff-content' /> <col class='diff-marker' /> <col class='diff-content' /> <tr valign='top'> <td colspan='2' style="background-color: white; color:black;">← Предыдущая</td> <td colspan='2' style="background-color: white; color:black;">Версия 21:28, 14 сентября 2018</td> </tr><tr><td colspan="2" class="diff-lineno">Строка 1:</td> <td colspan="2" class="diff-lineno">Строка 1:</td></tr> <tr><td class='diff-marker'>&#160;</td><td style="background: #eee; color:black; font-size: smaller;"><div>[[Категория:Постоянные рубрики]]&#160; &#160;</div></td><td class='diff-marker'>&#160;</td><td style="background: #eee; color:black; font-size: smaller;"><div>[[Категория:Постоянные рубрики]]&#160; &#160;</div></td></tr> <tr><td class='diff-marker'>&#160;</td><td style="background: #eee; color:black; font-size: smaller;"></td><td class='diff-marker'>&#160;</td><td style="background: #eee; color:black; font-size: smaller;"></td></tr> <tr><td class='diff-marker'>−</td><td style="background: #ffa; color:black; font-size: smaller;"><div>[[Файл: 233145.png|left |<del class="diffchange diffchange-inline">30px </del>||]]&#160; &#160;</div></td><td class='diff-marker'>+</td><td style="background: #cfc; color:black; font-size: smaller;"><div>[[Файл: 233145.png|left |<ins class="diffchange diffchange-inline">50px </ins>||]]&#160; &#160;</div></td></tr> <tr><td class='diff-marker'>&#160;</td><td style="background: #eee; color:black; font-size: smaller;"><div>&lt;span style=&quot;color:black&quot;&gt;&lt;span style=&quot;font-size: 400%&quot;&gt; КАР­ТА ВА­ШИХ ПРО­ГУ­ЛОК&lt;/span&gt;&lt;/span&gt;</div></td><td class='diff-marker'>&#160;</td><td style="background: #eee; color:black; font-size: smaller;"><div>&lt;span style=&quot;color:black&quot;&gt;&lt;span style=&quot;font-size: 400%&quot;&gt; КАР­ТА ВА­ШИХ ПРО­ГУ­ЛОК&lt;/span&gt;&lt;/span&gt;</div></td></tr> <tr><td class='diff-marker'>&#160;</td><td style="background: #eee; color:black; font-size: smaller;"></td><td class='diff-marker'>&#160;</td><td style="background: #eee; color:black; font-size: smaller;"></td></tr> </table>

Olkol