Vairāk

Meklēšanas lodziņa pievienošana Leaflet.js piemēram

Meklēšanas lodziņa pievienošana Leaflet.js piemēram


Apsveriet piemēru šajā saitē par Folium: ASV nodarbinātības vizualizācija katrā apgabalā.

Rezultāts izskatās šādi:

Es vēlos tam pievienot meklēšanas lodziņu, lai varētu meklēt pēc pilsētas un vizualizācija tuvinātu un/vai centrā. Kā es varu pievienot šādu meklēšanas lodziņu? Vai es varu pievienot šo funkcionalitāti, iespējams, HTML failā?


Jūs varētu izmantot brošūras meklēšanas vadīklu. Tas ļauj kartē ievietot meklēšanas logrīku, meklēt pēc vietvārdiem visā pasaulē (skat. Nominatim piemēru), un, tiklīdz kāda vieta ir izvēlēta, tuviniet/centrējiet karti līdz šai vietai.

Leaflet search GitHub vietnē jūs atradīsit piemērus, kā pievienot vadlīniju savai brošūru kartei.


Man tika lūgts pievienot filtru/meklēšanas ievadi saistītajā saraksta skatā. Šis skats ir lapa, kas tiek parādīta, noklikšķinot uz kājenes saites “Iet uz sarakstu (xx)” jebkurā saistītā standarta sarakstā.

..ir tāds URL: salesforce.com/500?rlid=RelatedCaseList& ampid = 001m00000XXXX, kas pāriet uz saistīto saraksta skatu šādi:

. kur jāiekļauj meklēšanas lodziņš.

Piezīme: Turklāt lietotājs nevēlas izmantot galvenes visaptverošo meklēšanas lodziņu.

Pēc Google es redzēju dažus risinājumus, kas saistīti ar saistītā saraksta izveidi, izmantojot visualforce. Bet tas nozīmē, ka ir jāiekļauj mēra ietekme:

    Man vajadzētu aizstāt saiti "Iet uz sarakstu" saistītajos sarakstos. Varbūt tas ir iespējams, izmantojot Javascript uzlaušanu

Man vajadzētu pārrakstīt visu saraksta funkcionalitāti, jo jāpievieno lapotājs un jāuzskaita N ieraksti.

Vai ir kāds risinājums, lai meklētu saistītā sarakstā? Vai ir kāds paraugs?


Aplūkojot lielos pūķus, var redzēt, ka palielināmais stikls ir konvencija, izņemot to, ka Microsoft atspoguļoja viņu (man nav ne jausmas, kāpēc). Kas attiecas uz meklēšanas pievienošanu meklēšanas teksta laukā, to dara tikai Facebook un Twitter. Tātad šķiet, ka ir mazāk konvencijas par rindā pazuduša teksta izmantošanu.

Tāpēc es teiktu, ka palielināmais stikls ir parasts, un teksta iekļaušana nav obligāta.

Kāpēc mums šeit nav palielināmā stikla, jājautā meta.

Šķiet, ka konvencija ir gara vienas rindas ievades josla lapas perifērijā ar palielināmo stiklu.

Teksta ievietošana meklēšanas lodziņā ir diezgan izplatīta, bet ne vienmēr vislabākā. Teksts lodziņā neizskatās tik tīrs, taču tas var atbilst vietnes apkārtējai estētikai.

Pozitīvi piemēri (neietverot negatīvus, nav iemesla dubļiem mētāties):

  • Google estētika ir ļoti tīra, tāpēc tukša josla labi iederas
  • Facebook augšējā josla jau ir diezgan aizņemta, tāpēc teksts tiek sajaukts

Vārda "meklēšana" parādīšana lodziņā varētu būt noderīga, ja kaut kādā veidā tiek novirzīta no konvencijas (nepāra izvietojums, forma), kontekstā, ko lietotājs, iespējams, neuzskata par meklējamu, vai ja mērķa lietotāji, iespējams, nav pazīstami ar konvenciju.

Pamācīga teksta izmantošana var būt ļoti noderīga situācijās, kad meklētais saturs vai meklēšanas formāts citādi nebūtu skaidrs.

  • Facebook norāda, ka meklēšana ir "cilvēki, vietas un lietas". Tas ļauj jaunajiem lietotājiem zināt, ka tas nemeklē ziņas, pastu/tērzēšanu utt.
  • USPS.com meklēšanas lodziņā ir "Meklēt USPS.com vai izsekot paketes". Ļaujiet lietotājam zināt, ka viņi to var izmantot, lai meklētu paku pēc izsekošanas numura.

Nobeigumā es vēlos teikt, ka, ja meklēšanas lodziņā izmantojat tekstu, pārliecinieties, vai tas ir notīrīts, kad tiek ievadīts kursors. Pārāk bieži es redzu vietnes, kurās neizdodas noņemt etiķetes tekstu, liekot lietotājam to dzēst manuāli.


Mēs izpētīsim:

Augstākā līmeņa ģeogrāfiskā meklēšana, ko lietotājs var veikt, ir meklēšana pēc valsts.

Saskaņā Atrašanās vieta cilni, atrodiet Valsts filtrs. Kad sākat rakstīt, nosaukums parādīsies nolaižamajā izvēlnē, uz kuras varat noklikšķināt, un saīsinātais valsts nosaukums parādīsies meklēšanas joslā.

Pirms noklikšķināt Piesakies, Reonomy parādīs to īpašumu skaitu, kas atbilst jūsu meklēšanas kritērijiem. Šajā gadījumā, meklējot Delavēras štatā, meklēšanas rezultāti tiek aizpildīti nedaudz vairāk par 151 900.

Kad esat noklikšķinājis Piesakies, Reonomy parādīs jums sarakstu ar visiem šiem īpašumiem visā štatā ar sakritīgu karti, lai parādītu, kur tie atrodas. Katru īpašumu attēlo zils punkts.

Varat arī pārslēgties starp visiem kartes rekvizītiem un tabulas skatu. Skatīt Tabula pogu, kas atrodas īpašuma meklēšanas augšdaļā, lai mainītu saraksta izkārtojumu.

Aplūkojot īpašumu, ko esat atradis valsts īpašuma meklēšanā, ir svarīgi ņemt vērā visu sīkāk pieejamo informāciju par katru atsevišķu īpašumu.

Ir arī daudz dažādu veidu, kā organizēt rezultātu parādīšanu sarakstā. Sarakstu varat kārtot pēc adreses, apbūves apgabala, aktīvu veida, teritorijas platības, hipotēkas summas, uzcelšanas gada, atjaunošanas gada un daudz ko citu.


Iedomājieties, ka virs koka ir meklēšanas lodziņš. Meklēšanas lodziņā ierakstot terminu, koks samazinās līdz tikai tiem mezgliem, kuros ir šis termins, un, protams, viņu priekštečiem līdz saknes mezgliem. Faktiski meklēšana ir filtrēšanas lodziņš. Redzamie mezgli ir skats uz pilnu koka datu modeli.

Ja jums jau ir atlasīts mezgls (ar tā entītijām informācijas panelī), tad, izmantojot meklēšanas lodziņu, lai filtrētu mezglus, nav jāmaina/jāatceļ atlasītais (-ie) mezgls (-i). Lai gan atlasītais mezgls, iespējams, vairs nebūs redzams samazinātajā mezglu komplektā, tas joprojām ir jāatlasa koka pilnajā datu modelī, bet tas netiek rādīts filtrētā modeļa skatā. Ja notīrītu meklēšanas lodziņu, jūs atgrieztos sākotnējā kokā ar neskartu atlasi, tāpat kā pirms meklēšanas.

Ja tomēr pēc filtrēšanas lietotājs izvēlējās vienu no samazinātajām mezglu kopām tad paneļa detaļas mainīsies, kā paredzēts. Un, ja pēc tam notīrītu meklēšanas lodziņu, jūs atgrieztos pie pilna koka, bet ar tikko izvēlēto mezglu.


7 atbildes 7

Es atrisināju vaicājuma filtrēšanu, pievienojot pievienošanos postmeta tabulā un mainot klauzulu kur. padomi par WHERE klauzulas filtrēšanu (bieži nepieciešama regulāras izteiksmes meklēšana un ampreplace) ir atrodami kodekā:

Stefano atbilde ir lieliska, taču tai nav atšķirīga klauzula:

Pievienojiet iepriekš minēto kodu, atjauniniet to, un tas darbosies bez dublikātiem.

Atbilde 1: Pievienojiet šo kodu funkciju failā un mainiet un pievienojiet citu sleju nosaukumu, ko izmantojāt savā pielāgotajā ziņojuma veidā

Atbilde 2: ieteicams Izmantojiet šo kodu funkciju failā bez izmaiņām

Ar šo kodu jūs varat Meklēt ziņu sarakstā WordPress administratora panelī ar pielāgota ziņu meta vērtības kopā ar titulu un citi noklusējuma lauki.

Lūdzu, pievienojiet zemāk esošo kodu failā function.php:

Tā nav meklēšana, bet daži "izvēlas" pēc atšķirīgas vērtības.

Failu funkcijas-iworks-posts-filter.zip Jums ir piemērs, kā pievienot filtru parastajai ziņai ar kādu meta_key. Es domāju, ka to ir viegli pārvērst.

Šeit esošā koda versija pāris atbildēs, kas modificē meklēšanas vaicājuma WP_Query parametru meta_query parametrā pre_get_posts, vairs nemeklēja post_title. Pievienojot iespēju meklēt vai nu ziņas virsrakstā, VAI meta vērtības nevar izdarīt tieši programmā WP_Query, nemainot SQL, diemžēl šis jautājums tiek izvērsts: Meta vaicājuma ('meta_query ') izmantošana ar meklēšanas vaicājumu ('s & #39)

Šeit esmu apvienojis dažus paņēmienus, lai iegūtu darba versiju, kas izvairītos no preg_replaces un pārāk daudzām SQL izmaiņām (es vēlos, lai to pilnībā izvairītos). Vienīgais negatīvais ir tas, ka pēc meklēšanas apakšvirsraksta teksts lapas augšdaļā saka "Meklēšanas rezultāti vaicājumam" ". Es tikko to esmu slēpis, izmantojot CSS sava spraudņa pielāgotajam ziņu veidam.


Lai galvenajai izvēlnei pievienotu tikai pielāgotās meklēšanas lodziņu, jūs varētu nodot otro parametru, ko nodrošina filtrs wp_nav_menu_items, un pārbaudīt, vai galvenā vieta ir theme_location

Alternatīva metode, kā to izdarīt, ir izvēlnes gliemeža pievienošana filtram wp_nav_menu_items.

Piemēram, pieņemsim, ka jums ir izvēlne ar virsrakstu, un jūs vienmēr vēlaties, lai šī izvēlne (neatkarīgi no tā, vai tā ir pievienota motīva vietai vai nē) tiktu parādīta meklēšanas lodziņā. To var izdarīt, filtram pievienojot izvēlnes logu, šajā gadījumā galveni.

Jaunais filtrs būtu šāds:

Ievērojiet jaunā filtra galvenes daļu. Tas norāda WordPress, kurai izvēlnei pievienot funkciju.


Saskaņā ar jūsu atzīmi jūs meklējat D7 risinājumu. Drupal 7 page.tpl.php vairs nav mainīgā $ search_box. Tomēr varat to pievienot veidnes priekšapstrādes funkcijai. Php:

Tad jums vienkārši jāizdrukā mainīgais savā lapā.tpl.php:

Varat arī izmantot moduli_invoke, taču veidņu failos nevajadzētu būt php loģikai:

Tā vietā rīkojieties pareizi un izmantojiet bloku.
Cietie kodēšanas elementi page.tpl iekšpusē ir IMHO, kas ir viena no lietām, kas joprojām pastāv kopš "vecajiem labajiem laikiem".

Tā vietā izmantojiet bloku sistēmu, kas dod jums lielāku elastību tālāk pa ceļu. Varat arī pārbaudīt Blockify moduli.

Šis modulis atklāj vairākus Drupal pamatelementus kā blokus.

Varat izmantot mainīgo $ search_box, kas ir pieejams failam page.tpl.php.

Varat arī izmantot bloķēšanas sistēmu un pievienot lapai meklēšanas veidlapas bloku


Google pielāgotās meklēšanas izmantošana neietekmēs jūsu lapu rangu. Ja meklējat datus, kas palīdzēs optimizēt jūsu vietni, reģistrējieties Google tīmekļa pārziņa rīku kontam. Tas piedāvā virkni noderīgas informācijas par to, kā Google redz jūsu vietni, un pat ļauj Google informēt jūs par problēmām.

šķiet, ka tas var ietekmēt, kā paskaidrots šeit:
Vai Google pielāgotā meklēšana ietekmē Google tīmekļa meklēšanu?

Ir daudz rakstu, kas atbalsta baumas par Google pielāgoto meklētājprogrammu, kas palīdz jūsu SEO. Es neesmu pārliecināts, vai tas neietekmē SEO vai vai tas uzlabo ieņēmumus, taču tas noteikti ir labākais reklāmas ziņojums Google pielāgotajai meklēšanai. Ja ir kāds, kurš savā vietnē ir pārbaudījis Google pielāgotās meklēšanas lietošanas seo ietekmi, lūdzu, dalieties savā stāstā :)


Lūdzu, nolaidiet vai noņemiet meklēšanas lodziņa automātisko izvēršanos

Pēdējo stundu laikā meklēšanas lodziņš ir ieguvis jaunu uzvedību: noklikšķinot uz tā, rīkjosla tiek iztukšota un meklēšanas teksta lauks tiek paplašināts, pārvietojot dažus simtus pikseļu pa kreisi. Tas liek arī teksta kursoram pārlēkt dažus simtus pikseļu pa kreisi.

Labāka vai taktiskāka vārda trūkuma dēļ tas ir traks, un tas pārkāpj vismazākā izbrīna principu.

Tas nozīmē, ka tiek gaidīts, ka meklēšanas lodziņš darbosies tāpat kā gandrīz jebkurš cits pastāvošais meklēšanas lodziņš: noklikšķinot uz tā, tam nevajadzētu pārvietoties, tam nevajadzētu paplašināties un nesaistītām lietām nevajadzētu pazust.

Brendons norādīja, ka Apple.com savā meklēšanas lodziņā izmanto līdzīgu uzvedību, taču tas atšķiras dažos veidos:

  • Tas izplešas tikai par daļu no sākotnējā izmēra
  • Tas joprojām ir skaidri apzīmēts kā meklēšanas lodziņš (skatīt atjauninājumu)
  • Nesaistītie elementi nepazūd: tie nedaudz pārvietojas, lai pielāgotos jaunajam meklēšanas lodziņa izmēram

Lai gan tas joprojām nav ideāls (teksta kursora pārvietošana, iespējams, ir vissliktākā daļa), Stack Exchange meklēšanas lodziņa uzvedības pārveidošana, lai tā vairāk atgādinātu Apple.com, palīdzētu mazināt problēmu.

Rebekai Černofai un Keitai Gregorijai bija divi citi ieteikumi, kas arī palīdzētu padarīt meklēšanas lodziņu mazāk satraucošu:

  • Neizvērsieties, kamēr jums nav nepieciešama istaba
  • Atstājiet teksta kursora stāvokli un neizvērsieties pa kreisi: izvērsiet to pa labi.

Rediģēt 2

Džefs norāda, ka Google pārvieto meklēšanas lodziņu, kad veicat meklēšanu. Tomēr pastāv vairākas būtiskas atšķirības starp Google meklēšanas lodziņu un Stack Exchange meklēšanas lodziņu.

  • Google meklēšanas lodziņš nepārvietojas brīdī, kad uz tā noklikšķināt. Tas pārvietojas pēc rakstīšanas sākšanas (ieteikts iepriekš) (skatīt atjauninājumu)
  • Kustībā nav iesaistīta animācija.
  • Meklēšanas lodziņš nepārvietojas pa kreisi un neizplešas, tas lec uz augšu
  • Kustībai ir īpašs mērķis, lai kompensētu tās lietojamības problēmas: tā nekavējoties nodrošina meklēšanas rezultātus
  • Tas neslēpj nesaistītus elementus.

Tomēr vissvarīgākā atšķirība ir tā, ka varat to izslēgt:

Tātad, ja jaunais Stack Exchange meklēšanas lodziņš ir mēģinājums līdzināties Google, tam vajadzētu būt visaptverošam un nekavējoties nodrošināt meklēšanas rezultātus un nodrošināt veidu, kā to izslēgt.


Skatīties video: Leaflet. Работа с плагинами