Jāņa Sēta izveido jaunu rīku Balticmaps.eu kartes veidošanai ar iespēju nosūtīt saiti vai ievietot mājaslapā

Kamēr visi sēdēja krogos un sekoja līdzi Pasaules hokeja čempionāta kaislībām, karšu izdevniecība Jāņa Sēta klusiņām izziņoja, ka ir izveidojusi jaunu rīku Balticmaps.eu kartes lietošanai. Tagad pat vislielākajam topogrāfiskajam profānam ir iespēja vienkārši nosūtīt saiti ar jebkuru precīzu un aktuālu Latvijas vai Igaunijas adresi kā arī ievietot karti ar marķieri mājaslapā.

Pieglabājam adresi: http://balticmaps.eu/map/create/

Balticmaps.eu jaunais karšu veidošanas rīks.
Balticmaps.eu jaunais karšu veidošanas rīks.

Galvenās priekšrocības kartes veidošanas rīkam:

  • darbojas stipri ātrāk par Balticmaps.eu un karte ir normāli skatāma arī uz mobilām iekārtām (un vismaz pagaidām nav arī izķēmota ar reklāmām)
  • precīzākā un pilnīgākā Latvijas (un Igaunijas) pasta adrešu meklēšanas un atzīmēšanas sistēma (izņemot lēnās būvvalžu un Zemes dienesta kartes)
  • var pielāgot marķiera krāsu, ikonu un izveidot marķiera detalizētāku aprakstu, kas parādās uzklikšķinot
  • iespēja saglabāt gan saiti uz karti, gan arī ievietot karti kā iframe objektu jebkurā mājaslapā

 

Interesantais tiem, kam patīk paurķēties

Vienreiz jau rakstīju par Balticmaps.eu kartes ievietošanu mājaslapā, bet atkārtošana ir zināšanu māte. Tātad, lai karte rādītos vienmērīgi visā pieļaujamajā platumā, vajag nedaudz pielabot uzģenerēto kodu, ievietojot nedaudz modificētu iframe iekš div (vienkāršākais variants ir šajā kodā src vietā iekopēt uzģenerēto kartes saiti):

<div style="overflow: hidden;">
<iframe src="<!--saite uz karti-->" width="100%" height="400" frameborder="0"></iframe>
</div>

Sanāks šāda karte, kurai tad pēc tam pēc sirds patikas var iframe augstuma parametru mainīt:

 

Bet šis jau ir uzlabotais kartes marķiera variants. iframe src satur kaudzīti ar parametriem, kurus var adaptēt. Nemainīgā daļa ir vienīgi http://balticmaps.eu/map/?

Maināmie parametri:
lat: lattitude
long: longitude
zoom: kartes mērogs no 1 līdz 19 (Baltijā, ārpus Baltijas valstīm detalizācija ir mazāka)
hint: plain teksts, bet ar iespējām taisīt jaunas rindas
icon: jebkura Font Awesome 4.2 versijas ikona (var lipināt klāt arī Font Awesome efektus)
opacity: kartes caurspīdīgums (nevis marķiera)
color: marķiera krāsa. Pieļaujamas vienīgi šādas krāsas: red, darkred, lightred, orange, beige, green, darkgreen, lightgreen, blue, darkblue, lightblue, purple, darkpurple, pink, cadetblue, white, gray, lightgray, black

Pēc noklusējuma līdzi velkas arī pilnīgi bezjēdzīga marķiera animācija hmove=-0.002&vmove=-0.001&bounce kuru var mierīgi šķērēt nost.

 

Ko gribētos sagaidīt nākotnē no šī rīka

Jāņa Sēta ir uztaisījusi kvalitatīvu un detalizētu karti, kuras digitālo versiju beidzot ir iespēja elementāri lietot arī parastiem cilvēkiem (žurnālisti, es ceru, ka jūs mani dzirdat). Bet šis rīks vēl ir ļoti, ļoti zaļš un iespēju ziņā ir labi ja embrija stadijā. No lietām, kurām būtu jāparādās jau pie pirmajiem uzlabojumiem:

  • Pēc vajadzības pievienot vai noņemt mēroga skalu.
  • Marķieru apraksti ar pilnāku HTML atbalstu, tai skaitā teksta formatēšana un img tagu lietošana.
  • Veidot karti ar saiti uz jebkādu objektu (ezeru, salu, novadu, pilskalnu vai Rīgas pilsētas rajonu vai atsevišķu ielu pilnā garumā). Zinu, ka šāda veida datus izvilkt var.
  • Pievienot vairāk kā vienu marķieri, bet tālākā nākotnē — normālu objektu redaktoru (ne to arhaisko, kas tagad ir Balticmaps.eu), kas tiktu papildināts ar funkcionāliem rīkiem (nē, es nerunāju par iespēju parādīt Latvijas karogus virs pašvaldību šķūņiem).
  • Lietotāju reģistrācija un izveidoto karšu saglabāšana (šis mierīgi var būt arī maksas serviss).

Jaunais rīks ir labs sākums uz daudz atvērtāku Balticmaps.eu. Ceru drīzumā sagaidīt ne vien pašu izurķētus tips&tricks, bet pilnvērtīgu API darbam ar Jāņa Sētas digitālo karti, un tas jau pavērtu iespējas arī citiem izstrādātājiem veidot uz Balticmaps.eu karti balstītus risinājums. Jo nevajadzētu aizmirst, ka karte ir augsti detalizēta ne vien Latvijā, bet arī Skype dzimtenē.

Rokdarbi. Saite kā formas elementa aizstājējs Siguldas zemju kartes pārlūkā

Karšu izdevniecība Jāņa Sēta izstrādāja Siguldas novada lauksaimniecības zemju karšu pārlūku. Pašvaldība atrada laiku piedalīties Eiropas fondu projektā, Jāņa Sēta atrada resursus, lai realizētu visnotaļ foršu ieceri. Nezinu, kurā brīdī viss aizgāja šķērsām, bet ar gala produktu īpaši apmierinātiem nevajadzētu būt. Produkts sanāca sasteigts un sarežģīts lietošanā. Brīdinu, ka būs nedaudz tehniskāks teksts kā parasti.

Siguldas novada lauksaimniecības  zemju karšu pārlūks. Ekrānšāviņš.
Siguldas novada lauksaimniecības zemju karšu pārlūks. Ekrānšāviņš.

Karšu pārlūkā ir ļoti daudz rīku, statisku un dinamisku elementu, tas viss izmētāts pa dažādiem stūriem, bieži vien viens otru dublējot. Piemēram, kartes kreisais augšējais stūris vispār izskatās kā no četriem dažādiem resursiem salīmēts.

Siguldas novada lauksaimniecības zemju karšu pārlūka navigācijas rīki.
Siguldas novada lauksaimniecības zemju karšu pārlūka navigācijas rīki.

Man ir grūti iedomāties cilvēku, kas joprojām lieto klikšķināšanu uz bultiņām, lai pabīdītu karti. Jocīgi izskatās arī trīs reizes, dažādos paskatos ieliktie pietuvināšanas un attālināšanas rīki. Par sudraboto pogu rindu arī pastāstīšu nedaudz vēlāk.

Atsevišķu uzmanību, kas arī ir rokdarbu raksta iemesls, jāvelta labajā pusē esošajam rīkam. Tas nodrošina parādīšanas/slēpšanas funkcionalitāti kartes slāņiem. Kartes slāņu rīka izmērs, ja salīmējam visas tā redzamās daļas kopā, ir 232 x 1018 px. Stipri par daudz priekš tik maza informācijas apjoma.

Siguldas novada lauksaimniecības zemju karšu pārlūks. Rīks darbam ar kartes slāņiem.
Siguldas novada lauksaimniecības zemju karšu pārlūks. Rīks darbam ar kartes slāņiem.

Maketētājs, kas jau tā nespēja tikt galā ar elementu izvietošanu kartes pārlūkā, uzkārās brīdī, kad bija jāapvieno formas kontroles (checkbox) un apraksta vizuālā leģenda. Drukātajā kartē makets būtu skaidrs — leģendas zīmējums + leģendas teksts. Bet te pienāca klāt trešais, funkcionālais elements.

Kad 2009. gadā rakstīju par adekvātu saišu lietošanu tekstos, daudzus samulsināja fakts, ka pastāv divu veidu saites — ar nepārtrauktu līniju un ar punktotu (raustītu) līniju. Toreiz JavaScript vēl neizmantoja tik plaši, tāpēc pietika ar definīciju, ka punktotā saite ved uz jaunu vietu/lapas daļu esošajā (ielādētajā) lapā. Tagad funkcionālās saites, kā man tīk tās dēvēt, papildina vai samazina elementu skaitu lapā, pašu lapu nepārlādējot. Tātad, princips paliek tas pats — noklikšķinot uz funkcionālās saites, lapa netiek pārlādēta, bet mainās kaut kā stāvoklis lapā.

Tieši tāpēc šādas saites var un tām bieži vien pat vajadzētu aizstāt formas elementus, tādējādi ekonomējot vietu salikumā un padarot to vienkāršāk uztveramu.

Pārmaketējot Jāņa Sētas karšu pārlūka slāņu rīku, tas ietilpst ekrānā, ir pārskatāms un vieglāk atšķirt aktīvos un neaktīvos kartes slāņus. Turklāt karšu pārlūkam parādījies nosaukums, slāņi salikti loģiskā secībā un blokā ievietots arī mērogs, punkta koordinātes, atbalstītāju logotipi.

Siguldas novada karšu pārlūks. Rīks darbam ar kartes slāņiem. Mr. Serge versija.
Siguldas novada karšu pārlūks. Rīks darbam ar kartes slāņiem. Mr. Serge versija.

Funkcionālo saišu lietošana

Es speciāli iezīmēju divās vietās kursoru, lai parādītu iespējamos funkcionālās saites stāvokļus. Pamata stāvokļi ir četri: nenospiesta, nospiesta, nenospiesta onHover, nospiesta onHover. Vēl var parādīties arī neaktīva nospiesta, neaktīva nenospiesta, bet šoreiz tādas nav. Vēl kas — funkcionālām saitēm, kad tās aizstāj formas elementus, grūti iedomājams stāvoklis «apmeklēta».

Pirmajā rindā ir izvietots pārslēdzējs starp ortofoto karti un topgrāfisko karti. Šis elements jau labu laiku ir zināms tiem, kas jelkad ir izmantojuši Bootstrap saviem projektiem, tāpēc par to smalkāk nestāstīšu un tas uz funkcionālajām saitēm neattiecas.

Tālāk mums ir visi slāņi, kas ir aktivizējami uz kartes un ir marķēti kā saites ar punktoto pasvītrojumu.

Nemarķēti paliek nekopto zemju un īpašumtiesību slāņu leģendu atšifrējumi, jo tos pa vienam ieslēgt nevar, var aktivizēt tikai visu grupu. Attiecīgi — pasvītrots tikai grupas nosaukums.

Nekopto zemju platībām ir stāvoklis, kad uzbrauc ar peli (onHover), aktīvi ir slāņi «Īpašumtiesības», «Kadastra vienības» un «Meliorācija». Pēdējam ir stāvoklis, kad tas ir aktīvs un ir uzbraukts virsū ar peli.

Tagad atliek salikt visu kopā un ievietot atpakaļ lapas maketā.

Siguldas novada lauksaimniecības zemju karšu pārlūks. Mr. Serge versija.
Siguldas novada lauksaimniecības zemju karšu pārlūks. Mr. Serge versija.

Nu re. Visa funkcionālā daļa tagad ir vienā blokā, izņemot to pogu rindu kreisajā augšējā stūrī. Teorētiski es gandrīz sapratu, ko katra no tām pogām nozīmē, tomēr ne līdz galam. Pirmā poga nedara neko. Otrā poga ir kārtējais pietuvināšanas rīks (ceturtais kartē, ja kas). Trešā poga ieslēdz pamatslānim melnbalto režīmu. Ceturtā un piektā poga paredzētas attāluma un laukuma mērījumiem. Tad ir gandrīz strādājošs meklētājs un tad ir poga, kuras jēgu vispār nesapratu, savukārt zem pēdējās slēpjas slāņu caurspīdīguma regulētāji.

Ja pilnībā saprastu, kas kam ir paredzēts, varētu integrēt pogas labajā joslā. Piemēram, pievienot melnbaltās kartes funkciju blakus pārslēdzējam starp ortofoto un topogrāfisko karti. Slaideriem ar slāņu caurspīdīguma regulēšanu jau pēc būtības būtu jāatrodas slāņu sarakstā un arī meklētājam tur atrastos vieta. Bet šoreiz pietiks.

Starp citu, visu «iemīlētais» jaunais Foursquare dizainā arī izmanto funkcionālās saites.

Funkcionālās saites pielietojuma piemērs Foursquare jaunajā mobilās aplikācijas dizainā.
Funkcionālās saites pielietojuma piemērs Foursquare jaunajā mobilās aplikācijas dizainā.

Funkcionālajai saitei nav obligāti jābūt pasvītrotai ar punktotu līniju, tā var būt arī poga, kā tas ir Foursquare aplikācijas dizainā. Tieši tāpat, kā lapas navigācijā saites teju vienmēr zīmē kā pogas. Galvenais ir atcerēties nezīmēt šīs pogas tādas, lai tās vizuāli sasauktos ar formu elementiem. Un lai nav tā, kā ar Foursquare, ka ir jāpaskaidro, ka uz elementa var nospiest un tad kaut kas notiks.

Rokdarbi. Ūdensvada profilaktiskās skalošanas karte un sveicieni «Jelgavas Vēstnesim»

«Jelgavas Vēstnesis» pārpublicēja informāciju no Jelgavas pilsētas komunālās saimniecības uzņēmuma «Jelgavas ūdens». Nosaukta čupa ar ielām, kuras no galvas neviens tāpat nespēj atcerēties. Ieviesušās arī pašsaprotamas kļūdas, jo rakstīts steigā (Pulkveža O. Kalpaka iela nekad nesatiekas ar Tērvetes ielu).

Informācija «Jelgavas ūdens» mājas lapā liecina, ka šonedēļ ūdensvada profilaktiskā skalošana noritēs Mātera ielā no Raiņa ielas līdz Rūpniecības ielai; Pētera ielā no Raiņa ielas līdz Zirgu ielai; Zirgu ielā; Ūdensvada ielā; Vaļņu ielā; Pulkveža O.Kalpaka ielā no Raiņa ielas līdz Tērvetes ielai; Raiņa ielā no Pulkveža O.Kalpaka ielas līdz Tērvetes ielai. Tāpat profilaktiskā skalošana notiks Tērvetes ielā no Raiņa ielas līdz Rūpniecības ielai; Rūpniecības ielā no Tērvetes ielas līdz Mātera ielai; Stacijas, Dārza, Jēkaba, Skolas un Pavasara ielā.

Iepriekš apskatīju sprādzienu Spilves ielā «Sprādziens Spilves ielā 43 un karšu lietošana Latvijas medijos» un tad precīzas vietas minēšanu varētu vēl aizstāt ar adreses iedauzīšanu kādā no karšu servisiem. Šoreiz nekas cits, kā kartes pētīšana paralēli raksta lasīšanai neizdosies, it īpaši Jelgavu slikti pārzinošam cilvēkam.

Toties to pavisam vienkārši var atrisināt, parādot pilsētas daļu, kurā «Jelgavas ūdens» profilaktisko skalošanu veiks. Tas, ka šajā pilsētas daļā atrodas arī tādas ēkas, kas pie ūdensvada nav pieslēgtas, nemaina lietas būtību. Uz šo ēku īpašniekiem paziņojums neattiecas.

Pilsētas daļa,  kurā no 4. līdz 8. augustam «Jelgavas ūdens» veiks profilaktisko skalošanu. Mr. Serge versija.
Pilsētas daļa, kurā no 4. līdz 8. augustam «Jelgavas ūdens» veiks profilaktisko skalošanu. Mr. Serge versija.

Nu un tā kā «Jelgavas Vēstnesis» iznāk arī elektroniski, tad redakcija pat visneattapīgākajam žurnālistam var iemācīt uzzīmēt parastu poligonu «Jāņa Sētas» kartē. Vēl jo vairāk tāpēc, ka BalticMaps.eu kartes ievietošana mājaslapā patiešām ir pieejama bez maksas. Es gan ļoti ceru, ka kādreiz pats process kļūs arī vienkāršāks.

Lietojiet kartes, tas nav sarežģīti un tas ir īpaši informatīvi. Pat LSM.LV kartes ir sākuši lietot stipri biežāk un dažreiz pat pavisam sakarīgi.

BalticMaps.eu kartes ievietošana mājaslapā

Karšu izdevniecības Jāņa Sēta projekts BalticMaps.eu, lai arī cik samocīts un vecmodīgs tas būtu, ir precīzākais, kas Latvijā ir. Turklāt, atšķirībā no Google vai OpenStreetMap, to zīmē profesionāļi, kas sēž tepat Rīgā. Un tas nav mazsvarīgi, jo iespert kaimiņam vienmēr ir vieglāk.

Diemžēl BalticMaps pārāk ilgi bija Jāņa Sētas izklaides lauciņš, kuram netika pievērsta pienācīga uzmanība. Ieciklējoties uz JS Baltija produktiem, palaista garām iespēja lokāli iegūt pietiekamu lietotāju skaitu un tirgot papildus karšu rīkus. Veiksmīgākais rīks no publiski pieejamajiem ir satiksmes sastrēgumu slānis, kuru nesmādē izmantot arī vairāki Latvijas radiokanāli. Bet kaut kur Jāņa Sētas pagrabos vēl ir apslēpti arī tādi brīnumi kā, piemēram, visu Latvijā esošo ēku stāvu skaits.

Marta beigās tviterī @kartes_lv konts man pačukstēja, ka kādreiz pienāks brīdis, kad BalticMaps varēs izmantot mājaslapās bez astronomisko summu maksāšanas.

Mr. Serge sarakste ar Jāņa Sētu tviterī.
Mr. Serge sarakste ar Jāņa Sētu tviterī.

Pavisam iespējams, ka tas šobrīd ir tikai kaut kāds gļuks, kāds norausies pa galvu un tas viss tūliņ pazudīs, bet iespēja ir parādījusies. Vēl joprojām ir nepieciešams reģistrēties, toties vairs nekas vairāk par e-pasta adresi nav jāaizpilda, nav jānorāda konta numuri un, kas pats galvenais, nekas nav jāmaksā (jau dzirdu, kā pajūgā pie manis dodas Jāņa Sētas apokalipses jātnieki juristi).

Lai ievietotu BalticMaps karti savā lapā:
1) pēc reģistrācijas veikšanas, ieliekam karti vajadzīgajā mērogā un vietā.
2) Pieliekam klāt objektus, (vai arī nepieliekam, ja tādi nav vajadzīgi)
3) labajā pusē virs kartes atrodam saiti «Ievietot karti interneta vietnē» un noklikšķinam
4) dziļi ieelpojam, ieraugot summas un prasības, ātri par tām aizmirstam
5) pārliecināmies, ka pirmais ķeksis ir ielikts, tad izlecošā loga apakšā parādīsies iframe kods

BalticMaps.eu embed kods ievietošanai mājaslapā reģistrētam lietotājam.
BalticMaps.eu embed kods ievietošanai mājaslapā reģistrētam lietotājam.

Iegūtais rezultāts no BalticMaps nav peļams.

Objektu izveidi un pārvaldi projektēja un programmēja cilvēks, kas skaidri apzinājās, ka to lietos viņa sievasmāte. Bet, ja iziet pirmos četrus līmeņus un piekauj bosu, tad kaut kādu rezultātu sasniegt var.

Tūliņ mani sarkanačaino cilts pārstāvji nolinčos pie sava totēma. Doma tāda, ka lielākoties gadījumu ir forši karti redzēt maksimālajā iespējamā platumā. Tādu es to uztaisīju otrajā piemērā, izstiepjot karti līdz teksta rindas platumam. Tā kā BalticMaps karte fokusējas pēc centrālā kartes punkta, tad neatkarīgi no platuma, kartes centrs vienmēr būs pareizajā vietā.

Tagad vairs nepietiek ar esošo embed kodu, kuru kopējām no BalticMaps lapas un tas būs nedaudz jāpakoriģē. Pirmkārt iframe parametros jānomaina width=”400″ uz width=”100%” un tad viss kods jāietērpj div blokā.

Sākotnējais variants.

<iframe src="http://balticmaps.eu/map.php?i=89916&amp;h=a27730d86d6ce1b6ef0f769012a3ab53&amp;z=0&amp;x=480956&amp;y=6277051" width="400" height="400" frameborder="0"></iframe>

Uzlabotais variants.

<div style="overflow: hidden;">
<iframe src="http://balticmaps.eu/map.php?i=89916&amp;h=a27730d86d6ce1b6ef0f769012a3ab53&amp;z=0&amp;x=480956&amp;y=6277051" width="100%" height="400" frameborder="0"></iframe>
</div>

Pavisam pareizi būtu šo kodu sapucēt, stilu iznest uz atsevišķu CSS failu, iedot id vai class abiem objektiem, bet tas lai paliek tiem, kas ar to ņemsies nopietni. Arī polyline objektiem ir tīri vienkārši atrodams, lai pārzīmētu objektus tā, kā vēlas, un gan jau arī lielāko daļu no pogām var noslēpt, paspēlējoties ar JavaScript. Par to tad droši arī ziņojiet komentāros.

P.S. Mūsu tvitera sarakste ar Jāņa Sētu bija aizsākusies pēc manas publikācijas par to, ka Latvijā neviens medijs neizmanto kartogrāfisko informāciju operatīvajās publikācijās: «Sprādziens Spilves ielā 43 un karšu lietošana Latvijas medijos».