Kodu Kliima

Viis parimat WordPressi pistikprogrammi Google Mapsi kuvamiseks. Plugin Google ja Yandex Map WordPress

Tänane artikkel käsitleb teie saidi Yandexi kaarte WordPRessis. Google'i kaartide koostoimest WP-ga on juba päris palju kirjutatud. Seal on kümneid erineva kasulikkuse astmeid, tasuta ja esmaklassilisi pistikprogramme. On isegi spetsiaalseid teemasid, mille põhifunktsiooniks on Google'i kaartide kuvamine erinevad tüübid ja erinevatel eesmärkidel.

Yandexis näevad asjad selles osas tagasihoidlikumad. Pluginaid on väga vähe. Kuid see pole niivõrd probleem Yandexi jaoks, kuivõrd pistikprogrammide arendajate jaoks. Kodumaine muidugi.

Mis iganes see oli, saab igaüks hõlpsasti oma WordPressi saidile Yandexi kaardi lisada. Ja täna vaatame lähemalt sellise kaardi käsitsi lisamise viisi ja paar kasulikku pistikprogrammi neile, kes põhimõtteliselt ei talu ühtegi koodi 🙂

Yandexi kaartide lisamine WordPressi jaoks

Ma arvan, et kõik saavad sellest aru, miks teil võib vaja minna oma saidil interaktiivset kaarti. Muidugi, esiteks on need erinevad läbipääsu ja läbimise skeemid. Nii Google kui ka Yandex on juba pikka aega lubanud oma kasutajatel kasutada spetsiaalseid kaardikonstruktoreid. Sellise Yandexi kaartide konstruktori leiate siit. Peaksite looma oma konto alla kaardi, et saaksite seda hiljem muuta.

Läheme konstruktorisse ja saame kohe oma kaarti redigeerima hakata. Vahendid on väga lihtsad. Neid kasutades saab kaardile lisada oma sildid koos nime ja kirjeldusega, värvida kaardil visuaalseid tsoone ning ka näiteks jooni tõmmata, kui on vaja märkida tee metroost kontorisse.

Kui olete joonistamise lõpetanud, ärge unustage sisestada oma kaardile nime. Seejärel klõpsake suurel kollasel nupul - "Salvesta ja hanki kood". Allosas kuvatakse reale kood, mille peate lõikelauale kopeerima (CTRL + C) ja seejärel kleepima (CTRL + V) soovitud lehele või oma saidile postitama. Pidage meeles, et enne koodi sisestamist peaksite saidi visuaalse redaktori tekstirežiimi lülitama. Kohe peale sisestamist koodi tekstis saab vajadusel kaartidega akna suurust reguleerida.

See on kõik nipid. Nagu näete, on kõik lihtne ja ilma pistikprogrammideta. Lisaks saate hankida ka API võtme. Kuid see on rohkem vajalik arendajatele, kes töötavad palju ja sageli Yandexi kaartidega. Lisaks saab API-ga lisada spetsiaalseid mooduleid keerukate kaartide loomiseks.

Pluginad Yandexi kaartide lisamiseks

Sellel teemal oli väga vähe pluginaid ja veel vähem, mis vääris tähelepanu. Üldiselt esitan teile ühe tasuta ja ühe tasulise pistikprogrammi, mis aitab teil Yandexi kaarte kuvada.

Lihtne ja mugav pistikprogramm, mis loob teie visuaalses redaktoris nupu Yandex Maps. Nupule klõpsates ilmub menüü, kus palutakse sisestada õhupalli aadress, pealkiri ja sisu (hüpiktekst), vihje ja hulk valikulisi parameetreid, nagu akna kõrgus ja suurus . Selle tulemusena genereerib ja sisestab pistikprogramm kaardi kuvamiseks vajaliku lühikoodi.

Üldiselt päris kena ja töötav plugin kõigile, kes on liiga laisad, et ise koodiga ringi tuhnida. Lisaks saate pistikprogrammi seadetes sisestada kuvatavad sildid. Muideks, täielik nimekiri sildid leiate.

Ainus esmaklassiline pistikprogramm, mis mul õnnestus Yandexi kaartide teemal leida. Pistikprogramm on kasulik kõigile, kes peavad looma paljude siltide ja kirjeldustega kaarte. Võimalik teha:

Juhtelementide valimine
Määra kaardi mõõtmed
Määra kaardi tüüp
Lisage suvaline arv silte
Kuva ikoonil ja kohtspikril tekst
Kuva lingid

Mida täpselt oma saidil kasutada - Yandex või Google maps, las igaüks otsustab ise. Minu subjektiivse arvamuse kohaselt sobivad Google maps keeruliseks tööks tänu sellele, et neil on palju WordPressi jaoks spetsiaalseid programme ja pluginaid. Noh, kiireks väljundiks näiteks sõidujuhised kodumaistes linnades, Yandex.

Täna on blogis Maria Filatkova külalispostitus WP Google Mapsi pistikprogrammide kohta. Muide, veidi hiljem kaalusin suvaliste väljade kaudu - see on ka võimalik.

Kui otsite õiget kaarti oma ettevõtte asukoha esitlemiseks või konkreetse huvipiirkonna esiletõstmiseks, eksime sageli kõigi WordPressi hoidlas saadaolevate pistikprogrammide tohutusse valikusse.

Parima Google'i kaardi plugina esiviisiku avab Huge-IT-st tuntud plugin Google Maps. See kaart tõmbab kohe tähelepanu suure hulga positiivsetega, mis tegelikult tõestavad, et moodul on üks parimaid. Loomulikult võib seda öelda mitte ainult nende arvustuste põhjal.

Testitud pistikprogramm meeldis mulle kohe selle rikkaliku funktsioonide loendi ja kvaliteedi tõttu. Eelkõige tahaksin esile tõsta võimalust lisada piiramatul hulgal markereid, hulknurki, polüjooni ja ringe, need olid mulle mitme kliendi töös väga kasulikud ja loomulikult on mul hea meel, et tasuta versioon ei piira piiranguid. nende arv.

Oma ikoon markeril.
Täiendav viide hulknurkadele.
Piirkonna esiletõstmised kaardil.
Lihtne hallata ja kasutada.
Tänavavaate tugi.
Kaardi parandus laiuse, lähendusastme jms osas.

Jätkab parimate Google Mapsi nimekirja -, Uus toode, mis on juba väga edukas ja on Google Mapsi parimate WordPressi pistikprogrammide loendis. See on tõesti teie tähelepanu väärt, kasutab minimaalset arvu skripte, on lihtne kasutada, kiire ja üsna mugav kasutada.

Kirjutatud puhtas javascriptis, ilma jQueryta ja mängib sellega väga hästi mobiilseadmed ja muid vidinaid tänu oma suurele mobiilsusele ja ühilduvusele väikese suurusega ekraanidega.

Kõige silmatorkavamate funktsioonide loend:

Kaardi kõrguse ja laiuse reguleerimine.
Kõrge kohanemisvõime.
Kaardi automaatne tsentraliseerimine olenevalt ekraani suurusest.
Ääriste värvi reguleerimine.
Lülitage kaardil kontrollerid sisse/välja.

3. Google Mapsi pank

Järgmine loendis on Google Mapsi pank. Seda pistikprogrammi on suhteliselt lihtne kasutada. Samm-sammult seaded neid on alati lihtne omandada ka kõige kogenematumal kasutajal. Ja vaid mõne minutiga lõin oma saidile suurepärase kaardi. Moodul on varustatud üksikasjaliku kaardi teisendamise võimalusega. Funktsionaalsus põhineb ajaxil ja suurepärane on see, et Google Maps Banki saab kasutada mitmekeelsete saitide puhul.

Peamiste funktsioonide loend:

Looge kaarte 7-sammuliste juhiste abil.
Mugav ajaxi funktsionaalsusel põhinev kasutajaliides.
Ülimalt lihtne kasutada.
Mitmekeelne pistikprogramm.

Google Map koos FancyBox Popup pluginaga võimaldab lisada hüpikaknas Google'i kaardi. See on suurepärane lahendus oma ettevõtte asukoha või isikliku aadressi kuvamiseks Google Mapsis. Moodul kasutab hüpikakna avamiseks jQueryt ja FancyBoxi skripti. See avaneb, kui klõpsate asukoha aadressi.

Plugina funktsioonid:

Kerge jQuery (FancyBoxi laiendus).
Google'i kaart hüpikaknas.
Kohandatud töötama mobiilseadmetes.
Lihtsalt hallatav taustaprogramm.
Lokaliseerimise tugi.

Viimasel kohal TechGaspilt. Mulle meeldis see toode hea mobiilse kohanemisvõime tõttu, laiad võimalused sisemine liides kaardi kuva kohandamiseks, sain ka oma logo kaardile paigutada. Kuid põhjus, miks see minu loendis viimane on, on see, et pistikprogrammil olid mõned piirangud, näiteks võimalus lisada kaardile ainult 12 markerit. Vastasel juhul võib moodul ekraanikvaliteedi ja selle võimaluste osas tähelepanu äratada.

Võimalused:

Kuva, peida või muuda mis tahes vidina pealkirja
Ideaalne Google'i otsingumootori ja SEO optimeeritud paremusjärjestuse parandamiseks

Kokkuvõtteks tahan lisada, et olles üsna kogenud pluginate kasutamises ja WordPressiga töötades, soovitan täie kindlusega ülaltoodud Google mapsi pluginaid. Teie saidi teema ja isiklike eelistuste põhjal võib igaüks neist teile kasulik olla. Nii et proovige julgelt ja andke tagasisidet.

Teave autori kohta. Olen Maria Filatkova, 26-aastane. Minu põhitegevuseks on erinevate veebilehtede loomine endale ja oma klientidele. Lisaks olen 3 aastat aktiivselt tegelenud blogimisega ning saavutanud päris kõrged oskused. Minu blogide teemadeks on peamiselt veebilehtede kujundus, kompetentne programmeerimine ja palju erinevaid abiblogisid algajatele veebiprogrammeerijatele.

iTracki andmetel

\"Juhiste kujundaja\" .

Filtreeri HTML-i (vaikimisi).
Täielik HTML.

Filtrirežiimis HTML-märgend

Tulemus

tabel (
veeris: 1em0;
laius: 100%
}

‹script› API-ühendus.

convert_urls ja remove_script_host .

YMaps.jQuery(function()(

tagastatav objekt;
}
}

Kaardiredaktor

Tekstiredaktor kaardi koodiga

Plugina seadistamine

puhas TinyMCE jaoks.

kaart

Seadistamine välimus sildid

Koodidega kaartide nimekiri

See leht sisaldab näpunäiteid mõnede Yandex.Maps API kasutamisega seotud probleemide lahendamiseks.

Kaalutakse populaarseid tasuta CMS-i ja mooduleid Yandex.Mapsiga töötamiseks. Esile on tõstetud probleemid, mis võivad tekkida kaardikoodi sisestamisel nendesse CMS-idesse.

Kui tead mõnda muud lõksu ülaltoodud või muu CMS-i kasutamisel, siis kirjuta sellest kommentaaridesse. Kirjutage meile ka kõigi pistikprogrammide ja moodulite kohta, mida arvustuses ei mainita. Lisame selle kindlasti arvustusse.

Selles jaotises käsitletakse probleeme, mis on seotud CSS-stiili konfliktidega, mis põhjustavad kaardi või sellel olevate objektide vale kuvamise.

Algselt otsustasime katta töö selliste CMS-idega nagu Drupal, Wordpress, Joomla ja Ucoz süsteem. Kokku hõivavad nad iTracki andmetel enam kui 80% vabast CMS-i turust. DataLife Engine otsustas mitte arvestada, kuna. täisversioon see CMS on tasuline.

Pange tähele, et isegi kõigil CMS-idel on sarnaseid probleeme, nii et isegi kui teie CMS-i loendis pole, lugege seda arvustust täielikult!

Selles ülevaates vastuvõetud põhiülesanne on Yandex.Mapsi lisamine lehele ilma täiendavaid pistikprogramme/mooduleid kasutamata. Kaarti näitav JavaScripti kood saadi sõidujuhiste koostaja tööriistast.

Hetkel on üle vaadatud CMS-ide nimekiri järgmine:

Ülevaates kasutatud versioon: 6.16

Vaikimisi ei tule Drupaliga visuaalset redaktorit, sisu redigeerimine toimub tavalises tekstipiirkonnas.

Lubatud silte juhitakse filtrite abil. Pärast paigaldamist on saadaval kaks filtrit:

Filtreeri HTML-i (vaikimisi).
Täielik HTML.

Filtrirežiimis pole HTML-märgend lubatud, nii et selle režiimi kasutamisel kuvatakse JavaScripti kood lihttekstina. Seetõttu sobib kaarti kuvava koodi sisestamiseks ainult täis-HTML-režiim (või võite kirjutada oma filtri, mis võimaldab JavaScripti sisestamist).

Standardne redaktori liides
Tulemus

Tavaredaktoriga sisestatud kaarti kuvatakse õigesti. html-kommentaare (punaste ristkülikutega esile tõstetud) aga ei peideta, vaid kuvatakse avaldatud postituses. See on CMS-i enda viga, mistõttu tuleb need enne koodi sisestamist käsitsi eemaldada.

Kui avate õhupalli, näete ccs-stiilide konflikti, mis viib õhupalli ringiliikumiseni.

Selle konflikti kõrvaldamiseks peate failist style.css (rida 193) eemaldama järgmise stiili (või asendama selle konkreetsemaga):

tabel (
veeris: 1em0;
laius: 100%
}

Mõelge kõige populaarsematele Drupaliga kasutatavatele visuaalsetele redaktoritele:

Pärast mooduli installimist peate redaktorile looma profiili, milles saate määrata TinyMCE jaoks teatud parameetrite komplekti. Alustuseks saate luua tavaseadetega profiili.

Peate koodi sisestama html-režiimis (selleks on redaktoris spetsiaalne nupp). TinyMCE eemaldab API ühenduse sildilt atribuudi src.

Redaktori käitumist CMS-i sätetega parandada ei saa, kuid TinyMCE lähtestamisel saate määrata lisavalikuid: convert_urls ja remove_script_host .

Peate avama faili modules\\tinymce\\tinymce\\j scripts\\tiny_mce\\tiny_mce _src.js ja kustutama read aastatel 1999–2002:

Javascripti koodi saab sisestada ilma nippideta, tulemus on sama, mis tavalise redaktori puhul.

See moodul võimaldab teil igat tüüpi sisule lisada ühe sildiga kaardi

Ülevaates kasutatud versioon: 2.9.2

CMS Word Pressil on oma visuaalne tekstiredaktor, mis võimaldab lülituda HTML-i redigeerimisrežiimile.

Sisestame HTML-režiimis mis tahes javascripti koodi (näiteks konstruktorilt saadud) ja väljundis saame selle:

YMaps.jQuery(function()(
map.setCenter(uus YMaps.GeoPoint(37.609218,55.753559), 9, YMaps.MapType.MAP);
map.addControl(uus YMaps.Zoom()
map.addControl(new YMaps.ToolBar()
map.addControl(new YMaps.TypeControl()

Funktsioon createObject (tüüp, punkt, stiil, kirjeldus) (
index = YMaps.jQuery.inArray(tüüp, lubaObjects),
konstruktor = allowObjects[(indeks == -1) ? 0: indeks];

Var objekt = new YMaps(punkt, (stiil: stiil, hasBalloon: !!kirjeldus)
objekt.kirjeldus = kirjeldus;

tagastatav objekt;
}
}

Sisestatud sildid põhjustavad JavaScripti süntaksitõrke ja kaarti ei kuvata. See on tingitud asjaolust, et WordPress lisab isegi HTML-režiimis automaatselt reavahetusi. Seda käitumist ei saa administraatoripaneeli seadetes keelata.

On kaks võimalust: kas kirjutada kogu kood ühele reale (sel juhul on koodi edasine redigeerimine keeruline) või parandada WordPressi teema lisades lisaseade. Seetõttu on parem valida teine võimalus.

Kasutatavas skeemis tuleb funktsioonis.php faili lisada järgmine rida:

remove_filter("sisu", "wpautop");

Näiteks vaiketeema jaoks peate faili otsima järgmiselt teelt: wp-content\\themes\\default\\functions.php.

Tähtis! Automaatse sidekriipsu keelamine CMS-i teemas mõjutab kõiki avaldatud postitusi, mis tähendab, et seda funktsiooni kasutavate postituste välimus võib muutuda.

See pistikprogramm võimaldab teil lisada kaardile ühe sildi koos nime ja kirjeldusega. Marker ja kaart on paigutatud geokodeeringu abil (st te ei saa määrata koordinaate - ainult aadress)

Kaardiredaktor

Tekstiredaktor kaardi koodiga

Selle tulemusena kuvatakse avatud õhupalliga kaart.

See pistikprogramm võib kuvada kas antud keskpunkti ja mõõtkavaga kaarti või YMapsML-faili. RSS kuvab interaktiivse kaardi asemel staatilise kaardi.

Pistikprogrammil on väike administraatoripaneel (mis asub menüüs Valikud - Yandex Map (XML)), kus saate määrata API võtme, kaardi esialgse keskpunkti ja skaala ning selle mõõtmed.

Plugina seadistamine

Vaikimisi kasutab Joomla vaikeredaktorina TinyMCE-d.

Kui kleepite koodi, kustutab redaktor kaardiga konteineri, kuna see on tühi. Selle põhjuseks on TinyMCE jaoks seatud puhas suvand.

Selleks, et kaardi konteinerit välja ei lõigataks, tuleb sinna kirjutada kas mõni tekst

kaart

või lisage konteinerisse kommentaar

Komponent võimaldab luua piiramatul hulgal kaarte ja silte (siltidele saab määrata erinevaid ikoone).

Kaardi redigeerimise liides

Siltide redigeerimise liides

Sildi välimuse kohandamine

Spetsiaalse sisseehitatud tööriista abil saate otsida kaardi keskosa või märgi asukohta.

Koordinaatide tööriist

Kaardi kuvamiseks artikli tekstis peate sisestama spetsiaalse koodi. Näiteks,

Need koodid kuvatakse kaartide loendis: http://YOUR_DOMAIN/administrator/index.php?option=com_yandexmaps&view=yande xmapsmaps

Koodidega kaartide nimekiri

See komponent ise ei saa kuvada kaarte artiklites. Komponenti antud koodide töötlemiseks on vaja lisapluginat.

JavaScripti sisestamine on sisseehitatud redaktoris lihtne, probleeme ei täheldata. Peaasi on lubada html-sildid ja keelata automaatne sidekriips.

CSS-stiilide abil saate suvaliselt muuta väline disain mis tahes veebilehel kuvatud elemendid.

Näiteks see stiil venitab õhupalli:

Parem on see asendada näiteks järgmisega:

Konfliktide ja nende põhjuste täielik loetelu on toodud eraldi lehel.

","contentType":"text/html"),"proposedBody":("allikas":"

See leht sisaldab näpunäiteid mõnede Yandex.Maps API kasutamisega seotud probleemide lahendamiseks.

Kaalutakse populaarseid tasuta CMS-i ja mooduleid Yandex.Mapsiga töötamiseks. Esile on tõstetud probleemid, mis võivad tekkida kaardikoodi sisestamisel nendesse CMS-idesse.

Selles jaotises käsitletakse probleeme, mis on seotud CSS-stiili konfliktidega, mis põhjustavad kaardi või sellel olevate objektide vale kuvamise.

Esialgu otsustasime töö katta selliste CMS-idega nagu Drupal, Wordpress, Joomla ja Ucoz süsteem. Kokku hõivavad nad iTracki andmetel enam kui 80% vabast CMS-i turust. Otsustasime DataLife Engine’iga mitte arvestada, kuna selle CMS-i täisversioon on tasuline.

Pange tähele, et isegi kõigil CMS-idel on sarnaseid probleeme, nii et isegi kui teie CMS-i loendis pole, lugege seda arvustust täielikult!

Selles ülevaates vastu võetud peamine ülesanne on sisestada Yandex.Maps lehele ilma täiendavaid pistikprogramme/mooduleid kasutamata. Kaarti näitav JavaScripti kood saadi sõidujuhiste koostaja tööriistast.

Hetkel on üle vaadatud CMS-ide nimekiri järgmine:

Ülevaates kasutatud versioon: 6.16

Vaikimisi ei tule Drupaliga visuaalset redaktorit, sisu redigeerimine toimub tavalises tekstipiirkonnas.

Lubatud silte juhitakse filtrite abil. Pärast paigaldamist on saadaval kaks filtrit:

Filtreeri HTML-i (vaikimisi).
Täielik HTML.

Standardne redaktori liides
Tulemus

Kui avate õhupalli, näete ccs-stiilide konflikti, mis viib õhupalli ringiliikumiseni.

Selle konflikti kõrvaldamiseks peate failist style.css (rida 193) eemaldama järgmise stiili (või asendama selle konkreetsemaga):

tabel (
veeris: 1em0;
laius: 100%
}

Mõelge kõige populaarsematele Drupaliga kasutatavatele visuaalsetele redaktoritele:

Pärast mooduli installimist peate redaktorile looma profiili, milles saate määrata TinyMCE jaoks teatud parameetrite komplekti. Alustuseks saate luua tavaseadetega profiili.

Peate koodi sisestama html-režiimis (selleks on redaktoris spetsiaalne nupp). TinyMCE eemaldab API-ühenduse märgendist src atribuudi.

Redaktori käitumist CMS-i sätetega parandada ei saa, kuid TinyMCE lähtestamisel saate määrata lisavalikuid: convert_urls ja remove_script_host .

Peate avama faili modules\\tinymce\\tinymce\\j scripts\\tiny_mce\\tiny_mce _src.js ja kustutama read aastatel 1999–2002:

// Teisendage scriptsattribs = attribs.replace(/src=\\\"([^\\\"]+)\\\"?/i, function(a, url) atribuut src (if (s. url_converter)url = t.encode(s.url_converter.call(s.url_converter_scop e || t, t.decode(url), "src", "script"));return "_mce_src=\"" + url + " \"";)

Javascripti koodi saab sisestada ilma nippideta, tulemus on sama, mis tavalise redaktori puhul.

See moodul võimaldab teil igat tüüpi sisule lisada ühe sildiga kaardi

Ülevaates kasutatud versioon: 2.9.2

CMS Word Pressil on oma visuaalne tekstiredaktor, mis võimaldab lülituda HTML-i redigeerimisrežiimile.

WordPressil \"kastist väljas\" on oma redaktor, mis võimaldab teil HTML-i vahekaardil postituse lähtekoodi redigeerida.

Sisestame HTML-režiimis mis tahes javascripti koodi (näiteks konstruktorilt saadud) ja väljundis saame selle:

YMaps.jQuery(function()(
var map = new YMaps.Map(YMaps.jQuery(\"#YMapsID-914\")
map.setCenter(uus YMaps.GeoPoint(37.609218,55.753559), 9, YMaps.MapType.MAP);
map.addControl(uus YMaps.Zoom()
map.addControl(new YMaps.ToolBar()
map.addControl(new YMaps.TypeControl()

Funktsioon createObject (tüüp, punkt, stiil, kirjeldus) (
var allowObjects = [\"Placemark\", \"Polyline\", \"Polygon\"],
index = YMaps.jQuery.inArray(tüüp, lubaObjects),
konstruktor = allowObjects[(indeks == -1) ? 0: indeks];
kirjeldus = kirjeldus || \"\";

Var objekt = new YMaps(punkt, (stiil: stiil, hasBalloon: !!kirjeldus)
objekt.kirjeldus = kirjeldus;

tagastatav objekt;
}
}

On kaks võimalust: kas kirjutada kogu kood ühele reale (sel juhul on koodi edasine redigeerimine keeruline) või parandada WordPressi teema, lisades sinna täiendavaid sätteid. Seetõttu on parem valida teine võimalus.

Kasutatavas skeemis tuleb funktsioonis.php faili lisada järgmine rida:

remove_filter("sisu", "wpautop");

Näiteks vaiketeema jaoks peate faili otsima järgmiselt teelt: wp-content\\themes\\default\\functions.php.

Tähtis! Automaatse sidekriipsu keelamine CMS-i teemas mõjutab kõiki avaldatud postitusi, mis tähendab, et seda funktsiooni kasutavate postituste välimus võib muutuda.

See pistikprogramm võimaldab teil lisada kaardile ühe sildi koos nime ja kirjeldusega. Marker ja kaart on paigutatud geokodeeringu abil (st te ei saa määrata koordinaate - ainult aadress)

Pärast vajaliku teabe sisestamist kaardiredaktorisse peate klõpsama nuppu \"Saada kaart redaktorisse\" ja kaardi kood ilmub tekstiredaktorisse.

Kaardiredaktor

Tekstiredaktor kaardi koodiga

Selle tulemusena kuvatakse avatud õhupalliga kaart.

See pistikprogramm võib kuvada kas antud keskpunkti ja mõõtkavaga kaarti või YMapsML-faili. RSS kuvab interaktiivse kaardi asemel staatilise kaardi.

Plugin otsib tekstiredaktorist vormi või ridu. Esimesel juhul sisestatakse määratud keskpunkti ja mõõtkavaga kaart ning teisel juhul kuvatakse YMapsML laadituna \"URL\" aadressilt.

Sel viisil saate kuvada ka teenusest \"Minu kaardid\" eksporditud andmeid.

Pistikprogrammil on väike administraatoripaneel (mis asub menüüs Valikud - Yandex Map (XML)), kus saate määrata API võtme, kaardi esialgse keskpunkti ja skaala ning selle mõõtmed.

Plugina seadistamine

Ülevaatuses kasutatud versioon: 1.5.17

Vaikimisi kasutab Joomla vaikeredaktorina TinyMCE-d.

Kui kleepite koodi, kustutab redaktor kaardiga konteineri, kuna see on tühi. Selle põhjuseks on TinyMCE jaoks seatud puhas suvand.

Selleks, et kaardi konteinerit välja ei lõigataks, tuleb sinna kirjutada kas mõni tekst

kaart

või lisage konteinerisse kommentaar

Komponent võimaldab luua piiramatul hulgal kaarte ja silte (siltidele saab määrata erinevaid ikoone).

Kaardi redigeerimise liides

Siltide redigeerimise liides

Sildi välimuse kohandamine

Spetsiaalse sisseehitatud tööriista abil saate otsida kaardi keskosa või märgi asukohta.

Koordinaatide tööriist

Kaardi kuvamiseks artikli tekstis peate sisestama spetsiaalse koodi. Näiteks,

Need koodid kuvatakse kaartide loendis: http://YOUR_DOMAIN/administrator/index.php?option=com_yandexmaps&view=yande xmapsmaps

Koodidega kaartide nimekiri

See komponent ise ei saa kuvada kaarte artiklites. Komponenti antud koodide töötlemiseks on vaja lisapluginat.

JavaScripti sisestamine on sisseehitatud redaktoris lihtne, probleeme ei täheldata. Peaasi on lubada html-sildid ja keelata automaatne sidekriips.

CSS-stiile kasutades saate suvaliselt muuta veebilehel kuvatavate elementide välimust.

Näiteks see stiil venitab õhupalli:

Parem on see asendada näiteks järgmisega:

Konfliktide ja nende põhjuste täielik loetelu on toodud eraldi lehel.

See leht sisaldab näpunäiteid mõnede Yandex.Maps API kasutamisega seotud probleemide lahendamiseks.

Kaalutakse populaarseid tasuta CMS-i ja mooduleid Yandex.Mapsiga töötamiseks. Esile on tõstetud probleemid, mis võivad tekkida kaardikoodi sisestamisel nendesse CMS-idesse.

Selles jaotises käsitletakse probleeme, mis on seotud CSS-stiili konfliktidega, mis põhjustavad kaardi või sellel olevate objektide vale kuvamise.

Pange tähele, et isegi kõigil CMS-idel on sarnaseid probleeme, nii et isegi kui teie CMS-i loendis pole, lugege seda arvustust täielikult!

Hetkel on üle vaadatud CMS-ide nimekiri järgmine:

Ülevaates kasutatud versioon: 6.16

Vaikimisi ei tule Drupaliga visuaalset redaktorit, sisu redigeerimine toimub tavalises tekstipiirkonnas.

Lubatud silte juhitakse filtrite abil. Pärast paigaldamist on saadaval kaks filtrit:

Filtreeri HTML-i (vaikimisi).
Täielik HTML.

Standardne redaktori liides
Tulemus

Kui avate õhupalli, näete ccs-stiilide konflikti, mis viib õhupalli ringiliikumiseni.

Selle konflikti kõrvaldamiseks peate failist style.css (rida 193) eemaldama järgmise stiili (või asendama selle konkreetsemaga):

tabel (
veeris: 1em0;
laius: 100%
}

Mõelge kõige populaarsematele Drupaliga kasutatavatele visuaalsetele redaktoritele:

Pärast mooduli installimist peate redaktorile looma profiili, milles saate määrata TinyMCE jaoks teatud parameetrite komplekti. Alustuseks saate luua tavaseadetega profiili.

Peate koodi sisestama html-režiimis (selleks on redaktoris spetsiaalne nupp). TinyMCE eemaldab API-ühenduse märgendist src atribuudi.

Redaktori käitumist CMS-i sätetega parandada ei saa, kuid TinyMCE lähtestamisel saate määrata lisavalikuid: convert_urls ja remove_script_host .

Peate avama faili modules\\tinymce\\tinymce\\j scripts\\tiny_mce\\tiny_mce _src.js ja kustutama read aastatel 1999–2002:

// Teisendage atribuudi src atribuut scriptsattribs = attribs.replace(/src=\\"([^\\"]+)\\"?/i, function(a, url) (if (s.url_converter)url = t.encode(s.url_converter.call(s.url_converter_scop e || t, t.decode(url), "src", "script"));return "_mce_src="" + url + """;)

Javascripti koodi saab sisestada ilma nippideta, tulemus on sama, mis tavalise redaktori puhul.

See moodul võimaldab teil igat tüüpi sisule lisada ühe sildiga kaardi

Ülevaates kasutatud versioon: 2.9.2

CMS Word Pressil on oma visuaalne tekstiredaktor, mis võimaldab lülituda HTML-i redigeerimisrežiimile.

WordPressil on oma redaktor, mis võimaldab teil HTML-i vahekaardil postituse lähtekoodi redigeerida.

Sisestame HTML-režiimis mis tahes javascripti koodi (näiteks konstruktorilt saadud) ja väljundis saame selle:

YMaps.jQuery(function()(
var map = new YMaps.Map(YMaps.jQuery("#YMapsID-914")
map.setCenter(uus YMaps.GeoPoint(37.609218,55.753559), 9, YMaps.MapType.MAP);
map.addControl(uus YMaps.Zoom()
map.addControl(new YMaps.ToolBar()
map.addControl(new YMaps.TypeControl()

Funktsioon createObject (tüüp, punkt, stiil, kirjeldus) (
var allowObjects = ["Kohatähis", "Polyline", "Polygon"],
index = YMaps.jQuery.inArray(tüüp, lubaObjects),
konstruktor = allowObjects[(indeks == -1) ? 0: indeks];
kirjeldus = kirjeldus || "";

Var objekt = new YMaps(punkt, (stiil: stiil, hasBalloon: !!kirjeldus)
objekt.kirjeldus = kirjeldus;

tagastatav objekt;
}
}

Kasutatavas skeemis tuleb funktsioonis.php faili lisada järgmine rida:

remove_filter("sisu", "wpautop");

Näiteks vaiketeema jaoks peate faili otsima järgmiselt teelt: wp-content\\themes\\default\\functions.php.

Tähtis! Automaatse sidekriipsu keelamine CMS-i teemas mõjutab kõiki avaldatud postitusi, mis tähendab, et seda funktsiooni kasutavate postituste välimus võib muutuda.

See pistikprogramm võimaldab teil lisada kaardile ühe sildi koos nime ja kirjeldusega. Marker ja kaart on paigutatud geokodeeringu abil (st te ei saa määrata koordinaate - ainult aadress)

Pärast vajaliku teabe sisestamist kaardiredaktorisse peate klõpsama nuppu "Saada kaart redaktorisse" ja tekstiredaktorisse ilmub kaardi kood.

Kaardiredaktor

Tekstiredaktor kaardi koodiga

Selle tulemusena kuvatakse avatud õhupalliga kaart.

See pistikprogramm võib kuvada kas antud keskpunkti ja mõõtkavaga kaarti või YMapsML-faili. RSS kuvab interaktiivse kaardi asemel staatilise kaardi.

Plugin otsib tekstiredaktorist vormi või ridu. Esimesel juhul sisestatakse kaart antud keskpunkti ja mõõtkavaga ning teisel juhul kuvatakse YMapsML laadituna "URL"-aadressilt.

Sel viisil saate kuvada ka teenusest "Minu kaardid" eksporditud andmeid.

Pistikprogrammil on väike administraatoripaneel (mis asub menüüs Valikud - Yandex Map (XML)), kus saate määrata API võtme, kaardi esialgse keskpunkti ja skaala ning selle mõõtmed.

Plugina seadistamine

Vaikimisi kasutab Joomla vaikeredaktorina TinyMCE-d.

Kui kleepite koodi, kustutab redaktor kaardiga konteineri, kuna see on tühi. Selle põhjuseks on TinyMCE jaoks seatud puhas suvand.

Selleks, et kaardi konteinerit välja ei lõigataks, tuleb sinna kirjutada kas mõni tekst

kaart

või lisage konteinerisse kommentaar

Komponent võimaldab luua piiramatul hulgal kaarte ja silte (siltidele saab määrata erinevaid ikoone).

Kaardi redigeerimise liides

Siltide redigeerimise liides

Sildi välimuse kohandamine

Spetsiaalse sisseehitatud tööriista abil saate otsida kaardi keskosa või märgi asukohta.

Koordinaatide tööriist

Kaardi kuvamiseks artikli tekstis peate sisestama spetsiaalse koodi. Näiteks,

Need koodid kuvatakse kaartide loendis: http://YOUR_DOMAIN/administrator/index.php?option=com_yandexmaps&view=yande xmapsmaps

Koodidega kaartide nimekiri

See komponent ise ei saa kuvada kaarte artiklites. Komponenti antud koodide töötlemiseks on vaja lisapluginat.

JavaScripti sisestamine on sisseehitatud redaktoris lihtne, probleeme ei täheldata. Peaasi on lubada html-sildid ja keelata automaatne sidekriips.

CSS-stiile kasutades saate suvaliselt muuta veebilehel kuvatavate elementide välimust.

Näiteks see stiil venitab õhupalli:

Parem on see asendada näiteks järgmisega:

Konfliktide ja nende põhjuste täielik loetelu on toodud eraldi lehel.

","contentType":"text/html"),"authorId":"46613964","slug":"10235","canEdit":false,"canComment":false,"isBanned":false,"canPublish" :false,"viewType":"old","isDraft":false,"isOnModeration":false,"isSubscriber":false,"commentsCount":158,"modificationDate":"R 23. märts 2012 02:36:00 GMT +0000 (UTC)","showPreview":true,"approvedPreview":("allikas":"

See leht sisaldab näpunäiteid mõnede Yandex.Maps API kasutamisega seotud probleemide lahendamiseks.

Kaalutakse populaarseid tasuta CMS-i ja mooduleid Yandex.Mapsiga töötamiseks. Esile on tõstetud probleemid, mis võivad tekkida kaardikoodi sisestamisel nendesse CMS-idesse.

Selles jaotises käsitletakse probleeme, mis on seotud CSS-stiili konfliktidega, mis põhjustavad kaardi või sellel olevate objektide vale kuvamise.

Pange tähele, et isegi kõigil CMS-idel on sarnaseid probleeme, nii et isegi kui teie CMS-i loendis pole, lugege seda arvustust täielikult!

Hetkel on üle vaadatud CMS-ide nimekiri järgmine:

Ülevaates kasutatud versioon: 6.16

Vaikimisi ei tule Drupaliga visuaalset redaktorit, sisu redigeerimine toimub tavalises tekstipiirkonnas.

Lubatud silte juhitakse filtrite abil. Pärast paigaldamist on saadaval kaks filtrit:

Filtreeri HTML-i (vaikimisi).
Täielik HTML.

Standardne redaktori liides
Tulemus

Kui avate õhupalli, näete ccs-stiilide konflikti, mis viib õhupalli ringiliikumiseni.

Selle konflikti kõrvaldamiseks peate failist style.css (rida 193) eemaldama järgmise stiili (või asendama selle konkreetsemaga):

tabel (
veeris: 1em0;
laius: 100%
}

Mõelge kõige populaarsematele Drupaliga kasutatavatele visuaalsetele redaktoritele:

Pärast mooduli installimist peate redaktorile looma profiili, milles saate määrata TinyMCE jaoks teatud parameetrite komplekti. Alustuseks saate luua tavaseadetega profiili.

Peate koodi sisestama html-režiimis (selleks on redaktoris spetsiaalne nupp). TinyMCE eemaldab API-ühenduse märgendist src atribuudi.

Redaktori käitumist CMS-i sätetega parandada ei saa, kuid TinyMCE lähtestamisel saate määrata lisavalikuid: convert_urls ja remove_script_host .

Peate avama faili modules\\tinymce\\tinymce\\j scripts\\tiny_mce\\tiny_mce _src.js ja kustutama read aastatel 1999–2002:

Javascripti koodi saab sisestada ilma nippideta, tulemus on sama, mis tavalise redaktori puhul.

See moodul võimaldab teil igat tüüpi sisule lisada ühe sildiga kaardi

Ülevaates kasutatud versioon: 2.9.2

CMS Word Pressil on oma visuaalne tekstiredaktor, mis võimaldab lülituda HTML-i redigeerimisrežiimile.

WordPressil on oma redaktor, mis võimaldab teil HTML-i vahekaardil postituse lähtekoodi redigeerida.

Sisestame HTML-režiimis mis tahes javascripti koodi (näiteks konstruktorilt saadud) ja väljundis saame selle:

Var objekt = new YMaps(punkt, (stiil: stiil, hasBalloon: !!kirjeldus)
objekt.kirjeldus = kirjeldus;

tagastatav objekt;
}
}

Kasutatavas skeemis tuleb funktsioonis.php faili lisada järgmine rida:

remove_filter("sisu", "wpautop");

Näiteks vaiketeema jaoks peate faili otsima järgmiselt teelt: wp-content\\themes\\default\\functions.php.

Tähtis! Automaatse sidekriipsu keelamine CMS-i teemas mõjutab kõiki avaldatud postitusi, mis tähendab, et seda funktsiooni kasutavate postituste välimus võib muutuda.

See pistikprogramm võimaldab teil lisada kaardile ühe sildi koos nime ja kirjeldusega. Marker ja kaart on paigutatud geokodeeringu abil (st te ei saa määrata koordinaate - ainult aadress)

Pärast vajaliku teabe sisestamist kaardiredaktorisse peate klõpsama nuppu "Saada kaart redaktorisse" ja tekstiredaktorisse ilmub kaardi kood.

Kaardiredaktor

Tekstiredaktor kaardi koodiga

Selle tulemusena kuvatakse avatud õhupalliga kaart.

See pistikprogramm võib kuvada kas antud keskpunkti ja mõõtkavaga kaarti või YMapsML-faili. RSS kuvab interaktiivse kaardi asemel staatilise kaardi.

Plugin otsib tekstiredaktorist vormi või ridu. Esimesel juhul sisestatakse kaart antud keskpunkti ja mõõtkavaga ning teisel juhul kuvatakse YMapsML laadituna "URL"-aadressilt.

Sel viisil saate kuvada ka teenusest "Minu kaardid" eksporditud andmeid.

Pistikprogrammil on väike administraatoripaneel (mis asub menüüs Valikud - Yandex Map (XML)), kus saate määrata API võtme, kaardi esialgse keskpunkti ja skaala ning selle mõõtmed.

Plugina seadistamine

Vaikimisi kasutab Joomla vaikeredaktorina TinyMCE-d.

Kui kleepite koodi, kustutab redaktor kaardiga konteineri, kuna see on tühi. Selle põhjuseks on TinyMCE jaoks seatud puhas suvand.

Selleks, et kaardi konteinerit välja ei lõigataks, tuleb sinna kirjutada kas mõni tekst

kaart

või lisage konteinerisse kommentaar

Komponent võimaldab luua piiramatul hulgal kaarte ja silte (siltidele saab määrata erinevaid ikoone).

Kaardi redigeerimise liides

Siltide redigeerimise liides

Sildi välimuse kohandamine

Spetsiaalse sisseehitatud tööriista abil saate otsida kaardi keskosa või märgi asukohta.

Koordinaatide tööriist

Kaardi kuvamiseks artikli tekstis peate sisestama spetsiaalse koodi. Näiteks,

Need koodid kuvatakse kaartide loendis: http://YOUR_DOMAIN/administrator/index.php?option=com_yandexmaps&view=yande xmapsmaps

Koodidega kaartide nimekiri

See komponent ise ei saa kuvada kaarte artiklites. Komponenti antud koodide töötlemiseks on vaja lisapluginat.

JavaScripti sisestamine on sisseehitatud redaktoris lihtne, probleeme ei täheldata. Peaasi on lubada html-sildid ja keelata automaatne sidekriips.

CSS-stiile kasutades saate suvaliselt muuta veebilehel kuvatavate elementide välimust.

Näiteks see stiil venitab õhupalli:

Parem on see asendada näiteks järgmisega:

Konfliktide ja nende põhjuste täielik loetelu on toodud eraldi lehel.

""html":"

See leht sisaldab näpunäiteid mõnede Yandex.Maps API kasutamisega seotud probleemide lahendamiseks.

Kaalutakse populaarseid tasuta CMS-i ja mooduleid Yandex.Mapsiga töötamiseks. Esile on tõstetud probleemid, mis võivad tekkida kaardikoodi sisestamisel nendesse CMS-idesse.

Selles jaotises käsitletakse probleeme, mis on seotud CSS-stiili konfliktidega, mis põhjustavad kaardi või sellel olevate objektide vale kuvamise.

","contentType":"text/html"),"proposedPreview":("allikas":"

See leht sisaldab näpunäiteid mõnede Yandex.Maps API kasutamisega seotud probleemide lahendamiseks.

Kaalutakse populaarseid tasuta CMS-i ja mooduleid Yandex.Mapsiga töötamiseks. Esile on tõstetud probleemid, mis võivad tekkida kaardikoodi sisestamisel nendesse CMS-idesse.

Selles jaotises käsitletakse probleeme, mis on seotud CSS-stiili konfliktidega, mis põhjustavad kaardi või sellel olevate objektide vale kuvamise.

Pange tähele, et isegi kõigil CMS-idel on sarnaseid probleeme, nii et isegi kui teie CMS-i loendis pole, lugege seda arvustust täielikult!

Hetkel on üle vaadatud CMS-ide nimekiri järgmine:

Ülevaates kasutatud versioon: 6.16

Vaikimisi ei tule Drupaliga visuaalset redaktorit, sisu redigeerimine toimub tavalises tekstipiirkonnas.

Lubatud silte juhitakse filtrite abil. Pärast paigaldamist on saadaval kaks filtrit:

Filtreeri HTML-i (vaikimisi).
Täielik HTML.

Standardne redaktori liides
Tulemus

Kui avate õhupalli, näete ccs-stiilide konflikti, mis viib õhupalli ringiliikumiseni.

Selle konflikti kõrvaldamiseks peate failist style.css (rida 193) eemaldama järgmise stiili (või asendama selle konkreetsemaga):

tabel (
veeris: 1em0;
laius: 100%
}

Mõelge kõige populaarsematele Drupaliga kasutatavatele visuaalsetele redaktoritele:

Pärast mooduli installimist peate redaktorile looma profiili, milles saate määrata TinyMCE jaoks teatud parameetrite komplekti. Alustuseks saate luua tavaseadetega profiili.

Peate koodi sisestama html-režiimis (selleks on redaktoris spetsiaalne nupp). TinyMCE eemaldab API-ühenduse märgendist src atribuudi.

Redaktori käitumist CMS-i sätetega parandada ei saa, kuid TinyMCE lähtestamisel saate määrata lisavalikuid: convert_urls ja remove_script_host .

Peate avama faili modules\\tinymce\\tinymce\\j scripts\\tiny_mce\\tiny_mce _src.js ja kustutama read aastatel 1999–2002:

Javascripti koodi saab sisestada ilma nippideta, tulemus on sama, mis tavalise redaktori puhul.

See moodul võimaldab teil igat tüüpi sisule lisada ühe sildiga kaardi

Ülevaates kasutatud versioon: 2.9.2

CMS Word Pressil on oma visuaalne tekstiredaktor, mis võimaldab lülituda HTML-i redigeerimisrežiimile.

WordPressil on oma redaktor, mis võimaldab teil HTML-i vahekaardil postituse lähtekoodi redigeerida.

Sisestame HTML-režiimis mis tahes javascripti koodi (näiteks konstruktorilt saadud) ja väljundis saame selle:

Var objekt = new YMaps(punkt, (stiil: stiil, hasBalloon: !!kirjeldus)
objekt.kirjeldus = kirjeldus;

tagastatav objekt;
}
}

Kasutatavas skeemis tuleb funktsioonis.php faili lisada järgmine rida:

remove_filter("sisu", "wpautop");

Näiteks vaiketeema jaoks peate faili otsima järgmiselt teelt: wp-content\\themes\\default\\functions.php.

Tähtis! Automaatse sidekriipsu keelamine CMS-i teemas mõjutab kõiki avaldatud postitusi, mis tähendab, et seda funktsiooni kasutavate postituste välimus võib muutuda.

See pistikprogramm võimaldab teil lisada kaardile ühe sildi koos nime ja kirjeldusega. Marker ja kaart on paigutatud geokodeeringu abil (st te ei saa määrata koordinaate - ainult aadress)

Pärast vajaliku teabe sisestamist kaardiredaktorisse peate klõpsama nuppu "Saada kaart redaktorisse" ja tekstiredaktorisse ilmub kaardi kood.

Kaardiredaktor

Tekstiredaktor kaardi koodiga

Selle tulemusena kuvatakse avatud õhupalliga kaart.

See pistikprogramm võib kuvada kas antud keskpunkti ja mõõtkavaga kaarti või YMapsML-faili. RSS kuvab interaktiivse kaardi asemel staatilise kaardi.

Plugin otsib tekstiredaktorist vormi või ridu. Esimesel juhul sisestatakse kaart antud keskpunkti ja mõõtkavaga ning teisel juhul kuvatakse YMapsML laadituna "URL"-aadressilt.

Sel viisil saate kuvada ka teenusest "Minu kaardid" eksporditud andmeid.

Pistikprogrammil on väike administraatoripaneel (mis asub menüüs Valikud - Yandex Map (XML)), kus saate määrata API võtme, kaardi esialgse keskpunkti ja skaala ning selle mõõtmed.

Plugina seadistamine

Vaikimisi kasutab Joomla vaikeredaktorina TinyMCE-d.

Kui kleepite koodi, kustutab redaktor kaardiga konteineri, kuna see on tühi. Selle põhjuseks on TinyMCE jaoks seatud puhas suvand.

Selleks, et kaardi konteinerit välja ei lõigataks, tuleb sinna kirjutada kas mõni tekst

kaart

või lisage konteinerisse kommentaar

Komponent võimaldab luua piiramatul hulgal kaarte ja silte (siltidele saab määrata erinevaid ikoone).

Kaardi redigeerimise liides

Siltide redigeerimise liides

Sildi välimuse kohandamine

Spetsiaalse sisseehitatud tööriista abil saate otsida kaardi keskosa või märgi asukohta.

Koordinaatide tööriist

Kaardi kuvamiseks artikli tekstis peate sisestama spetsiaalse koodi. Näiteks,

Need koodid kuvatakse kaartide loendis: http://YOUR_DOMAIN/administrator/index.php?option=com_yandexmaps&view=yande xmapsmaps

Koodidega kaartide nimekiri

See komponent ise ei saa kuvada kaarte artiklites. Komponenti antud koodide töötlemiseks on vaja lisapluginat.

JavaScripti sisestamine on sisseehitatud redaktoris lihtne, probleeme ei täheldata. Peaasi on lubada html-sildid ja keelata automaatne sidekriips.

CSS-stiile kasutades saate suvaliselt muuta veebilehel kuvatavate elementide välimust.

Näiteks see stiil venitab õhupalli:

Parem on see asendada näiteks järgmisega:

Konfliktide ja nende põhjuste täielik loetelu on toodud eraldi lehel.

""html":"

See leht sisaldab näpunäiteid mõnede Yandex.Maps API kasutamisega seotud probleemide lahendamiseks.

Kaalutakse populaarseid tasuta CMS-i ja mooduleid Yandex.Mapsiga töötamiseks. Esile on tõstetud probleemid, mis võivad tekkida kaardikoodi sisestamisel nendesse CMS-idesse.

Selles jaotises käsitletakse probleeme, mis on seotud CSS-stiili konfliktidega, mis põhjustavad kaardi või sellel olevate objektide vale kuvamise.

","contentType":"text/html"),"titleImage":null,"tags":[("displayName":"CMS","slug":"cms","categoryId":"1829589"," url":"/blog/mapsapi??tag=cms"),("displayName":"artiklid","slug":"statistika","categoryId":"2472354","url":"/blog/mapsapi ??tag=stati"),("displayName":"API 1.x","slug":"api-1-x","categoryId":"150000131","url":"/blog/mapsapi? ?tag=api-1-x")],"isModerator":false,"commentsEnabled":true,"url":"/blog/mapsapi/10235","urlTemplate":"/blog/mapsapi/%slug% ","fullBlogUrl":"https://yandex.ru/blog/mapsapi","addCommentUrl":"/blog/createComment/mapsapi/10235","updateCommentUrl":"/blog/updateComment/mapsapi/10235", "addCommentWithCaptcha":"/blog/createWithCaptcha/mapsapi/10235","changeCaptchaUrl":"/blog/api/captcha/new","putImageUrl":"/blog/image/put","urlBlog":"/blogi /mapsipi "," urleditpost ":"/ajaveeb/56a99916b15b79e31e0d65a6/redigeeri "," urlslug ":"/ajaveeb/post/generateslug "," urlpublishpost ":"/ajaveeb/56a9916b15b15b79e31a3 /ajaveeb /56a99916b15b79e31e0d65a6/unpublish","urlRemovePost":"/blog/56a99916b15b79e31e0d65a6/removePost","urlDraft":"/blog/mapsapi/10235%blogs/pipraft", %/mustand" "urlRemoveDraft":"/blog/56a99916b15b79e31e0d65a6/removeDraft","urlTagSuggest":"/blog/api/suggest/mapsapi","urlAfterDelete":"/blog/mapsapi","isAuthor":"isAuthor": "/blog/api/subscribe/56a99916b15b79e31e0d65a6","unsubscribeUrl":"/blog/api/unsubscribe/56a99916b15b79e31e0d65a6","urlEditPostPage":"/blog/mapsapi69191561916 6/edit","urlForTranslate":"/blog/ postita /translate","urlRelateIssue":"/blog/post/updateIssue","urlUpdateTranslate":"/blog/post/updateTranslate","urlLoadTranslate":"/blog/post/loadTranslate","urlTranslationStatus":"/ blogi /mapsapi/10235/translationInfo","urlRelatedArticles":"/blog/api/relatedArticles/mapsapi/10235","autor":("id":"46613964","uid":("value":"46613964 " ,lite":false,"hosted":false),"aliased":(),"login":"rodlex","display_name":("nimi":"rodlex","avatar":("vaikimisi " :"20706/46613964-3050831","tühi":false)),"aadress":" [e-postiga kaitstud]","defaultAvatar":"20706/46613964-3050831","imageSrc":"https://avatars.mds.yandex.net/get-yapic/20706/46613964-3050831/islands-middleStaff"is:andex. false),"originalModificationDate":"2012-03-22T22:36:50.000Z","socialImage":("orig":("fullPath":"https://avatars.mds.yandex.net/get-yablogs /47421/file_1456488726678/orig)))))))"> . Otsustasime DataLife Engine’iga mitte arvestada, kuna selle CMS-i täisversioon on tasuline.

Pange tähele, et isegi kõigil CMS-idel on sarnaseid probleeme, nii et isegi kui teie CMS-i loendis pole, lugege seda arvustust täielikult!

Selles ülevaates vastuvõetud põhiülesanne on Yandex.Mapsi lisamine lehele ilma täiendavaid pistikprogramme/mooduleid kasutamata. Kaarti näitav JavaScripti kood saadi saidilt .

Hetkel on üle vaadatud CMS-ide nimekiri järgmine:

Ülevaates kasutatud versioon: 6.16

Vaikimisi ei tule Drupaliga visuaalset redaktorit, sisu redigeerimine toimub tavalises tekstipiirkonnas.

Lubatud silte juhitakse filtrite abil. Pärast paigaldamist on saadaval kaks filtrit:

Filtreeri HTML-i (vaikimisi).
Täielik HTML.

Standardne redaktori liides
Tulemus

Kui avate õhupalli, näete ccs-stiilide konflikti, mis viib õhupalli ringiliikumiseni.

Selle konflikti kõrvaldamiseks peate failist style.css (rida 193) eemaldama järgmise stiili (või asendama selle konkreetsemaga):

tabel (
veeris: 1em0;
laius: 100%
}

Mõelge kõige populaarsematele Drupaliga kasutatavatele visuaalsetele redaktoritele:

Pärast mooduli installimist peate redaktorile looma profiili, milles saate määrata TinyMCE jaoks teatud parameetrite komplekti. Alustuseks saate luua tavaseadetega profiili.

Peate koodi sisestama html-režiimis (selleks on redaktoris spetsiaalne nupp). TinyMCE eemaldab API-ühenduse märgendist src atribuudi.

Redaktori käitumist CMS-i sätetega parandada ei saa, kuid TinyMCE lähtestamisel saate määrata lisavalikuid: convert_urls ja remove_script_host .

Peate avama faili modules\tinymce\tinymce\j scripts\tiny_mce\tiny_mce _src.js ja kustutama read aastatel 1999–2002:

// Teisendage scriptsattribs = attribs.replace(/src=\"([^\"]+)\"?/i, function(a, url) atribuut src (if (s.url_converter)url = t. encode(s.url_converter. call(s.url_converter_scop e || t, t.decode(url), "src", "script"));return "_mce_src="" + url + """;)

Ülevaates kasutatud versioon: 2.9.2

CMS Word Pressil on oma visuaalne tekstiredaktor, mis võimaldab lülituda HTML-i redigeerimisrežiimile.

WordPressil on oma redaktor, mis võimaldab teil HTML-i vahekaardil postituse lähtekoodi redigeerida.

Sisestame HTML-režiimis mis tahes javascripti koodi (näiteks konstruktorilt saadud) ja väljundis saame selle:

Var objekt = new YMaps(punkt, (stiil: stiil, hasBalloon: !!kirjeldus)
objekt.kirjeldus = kirjeldus;

tagastatav objekt;
}
}

Kasutatavas skeemis tuleb funktsioonis.php faili lisada järgmine rida:

remove_filter("sisu", "wpautop");

Näiteks vaiketeema jaoks peate faili otsima järgmiselt teelt: wp-content\themes\default\functions.php.

Tähtis! Automaatse sidekriipsu keelamine CMS-i teemas mõjutab kõiki avaldatud postitusi, mis tähendab, et seda funktsiooni kasutavate postituste välimus võib muutuda.

See pistikprogramm võimaldab teil lisada kaardile ühe sildi koos nime ja kirjeldusega. Marker ja kaart on paigutatud geokodeeringu abil (st te ei saa määrata koordinaate - ainult aadress)

Pärast vajaliku teabe sisestamist kaardiredaktorisse peate klõpsama nuppu "Saada kaart redaktorisse" ja tekstiredaktorisse ilmub kaardi kood.

Kaardiredaktor

Tekstiredaktor kaardi koodiga

Selle tulemusena kuvatakse avatud õhupalliga kaart.

See pistikprogramm võib kuvada kas antud keskpunkti ja mõõtkavaga kaarti või YMapsML-faili. RSS kuvab interaktiivse kaardi asemel staatilise kaardi.

Plugin otsib tekstiredaktorist vormi või ridu. Esimesel juhul sisestatakse kaart antud keskpunkti ja mõõtkavaga ning teisel juhul kuvatakse YMapsML laadituna "URL"-aadressilt.

Sel viisil saate kuvada ka teenusest "Minu kaardid" eksporditud andmeid.

Pistikprogrammil on väike administraatoripaneel (mis asub menüüs Valikud - Yandex Map (XML)), kus saate määrata API võtme, kaardi esialgse keskpunkti ja skaala ning selle mõõtmed.

Plugina seadistamine

Ülevaatuses kasutatud versioon: 1.5.17

Vaikimisi kasutab Joomla vaikeredaktorina TinyMCE-d.

Kui kleepite koodi, kustutab redaktor kaardiga konteineri, kuna see on tühi. Selle põhjuseks on TinyMCE jaoks seatud puhas suvand.

Selleks, et kaardi konteinerit välja ei lõigataks, tuleb sinna kirjutada kas mõni tekst

kaart

või lisage konteinerisse kommentaar

Komponent võimaldab luua piiramatul hulgal kaarte ja silte (siltidele saab määrata erinevaid ikoone).

Kaardi redigeerimise liides

Siltide redigeerimise liides

Sildi välimuse kohandamine

Spetsiaalse sisseehitatud tööriista abil saate otsida kaardi keskosa või märgi asukohta.

Koordinaatide tööriist

Kaardi kuvamiseks artikli tekstis peate sisestama spetsiaalse koodi. Näiteks,

Need koodid kuvatakse kaartide loendis: http://YOUR_DOMAIN/administrator/index.php?option=com_yandexmaps&view=yande xmapsmaps

Koodidega kaartide nimekiri

See komponent ise ei saa kuvada kaarte artiklites. Komponenti antud koodide töötlemiseks on vaja lisapluginat.

JavaScripti sisestamine on sisseehitatud redaktoris lihtne, probleeme ei täheldata. Peaasi on lubada html-sildid ja keelata automaatne sidekriips.

CSS-stiile kasutades saate suvaliselt muuta veebilehel kuvatavate elementide välimust.

Näiteks see stiil venitab õhupalli:

Parem on see asendada näiteks järgmisega:

Konfliktide ja nende põhjuste täielik loetelu on toodud eraldi lehel.

Kas olete just oma uue kontori avanud? Siis peate tõesti oma saidi lehel kuvama kaardi, et näidata külastajatele selle asukohta.

Või äkki kavatsete koostada oma reisiblogi ja soovite omada täisfunktsionaalset Google Mapsi pistikprogrammi, et teie lugejad teaksid täpselt, kus te maailmas olete.

Teie abistamiseks kirjeldatakse selles artiklis viit parimat pistikprogrammi Google Mapsi teie saidil kuvamiseks.

Olenemata sellest, kas see on tasuta pistikprogramm, mis installitakse mõne minutiga, või täispuhutud süsteemiga esmaklassiline pistikprogramm, saate seda kohandada nii, et teie saidil oleks mõni kraam, mida soovite.

1. WP Google Maps

WP Google Maps on hämmastav pistikprogramm, mis väärib seda loendit. See on üks võimsamaid, kui mitte kõige võimsam tasuta pistikprogramm Google'i kaartide kuvamiseks.

Kaardi loomiseks valige Kaardid ja seejärel Minu esimene kaart. Kahjuks on tasuta versioonis saadaval ainult üks kaart, seega pole uute lehtede lisamine mõttekas.

Kasutajaliides on väga kasutajasõbralik. Iga eraldiseisev kaardi osa asub eraldi tihendatud ekraanil.

Üldseadetes saate määrata kõrguse, laiuse, reageerimisvõime, kaardi mõõtkava, kaardi tüübi (tavaline, satelliit, füüsiline või segatud), samuti määrata joonduse. Saate luua piiramatu arvu hulknurki ja polüjooni. Negatiivne külg on see, et ainus ikoon, mida saate kasutada, on tavaline Google'i ikoon.

Saate lisada ka kauplusi ja kolme erinevat tüüpi marsruuti (ratta-, auto- ja/või ühistransport).

Kui olete kaardi kohandamise lõpetanud, kleepige antud lühikood postitusse või lehele ja ongi kõik.

Pistikprogrammi seadeid kasutades saate hallata esiosa elemente nii saidi administraatori kui ka kasutaja poolelt, näiteks kasutades Google Mapsi API-d, kasutades tõrkeotsinguks jQueryt, konto taset, WordPressi. Markeri andmeid saab importida ka teie andmebaasist või XML-failina.

Nagu juba mainitud, on selle pistikprogrammi suurim puudus see, et tasuta versioonis saate luua ainult ühe kaardi (lisatasu versioon maksab teile 19,99 dollarit). Lisaks sisaldab esmaklassiline versioon palju atraktiivseid funktsioone.

Eelised:

reageerimisvõimet
polüliinide kuvamise võimalus
hulknurkne ekraan
kasutajasõbralik liides
juhtelementide seadistamine kasutaja osast
nelja tüüpi kaarte: tavaline, füüsiline, segatud, satelliit.

Puudused:

Tasuta versioon on piiratud ühe kaardiga.

2. Google Mapsi pank

Google Mapsi pank on veel üks väga funktsionaalne kaardikuvamise pistikprogramm. Sellel on palju erinevaid valikuid ja peaaegu piiramatud kohandamisvõimalused. Liides on väga hästi organiseeritud.

Pärast esimese kaardi loomiseks mõeldud pistikprogrammi installimist ja aktiveerimist valige külgribal Google Maps >> Loo uus kaart. See protsess koosneb seitsmest lihtsast sammust.

Samm 1. Peate valima pealkirja, kirjelduse ja kaardi tüübi (saadaval on neli võimalust). 2. samm. Asukohateabes määrate täpsed geograafilised koordinaadid. Sammud 3-5 võimaldavad teil sisestada markereid ja hulknurki/polüliini.

6. samm võimaldab teil luua kihte, kuid see funktsioon on saadaval ainult lisatasu versioonis. 7. sammus on teil juurdepääs mitmetele täpsematele sätetele, kus saate kohandada oma kohandatud juhtelemente.

Postitusse või lehele kaardi lisamiseks minge WYSIWYG visuaalsesse redaktorisse ja klõpsake nupu "Lisa meedia" kõrval olevat nuppu "Lisa Google Bank Maps". Hüpikaknas kohandage sätteid vastavalt vajadusele.

Google Mapsi pank on väga hea pistikprogramm, kuid sellel on mõned puudused. Kõige olulisem on see, et Lite versioon on piiratud 2 kaardi, 5 markeri, 1 hulknurga ja 1 polüliiniga. Nii et kui vajate midagi enamat kui lihtsalt paari kaardi lisamist oma kontaktile või lehele, peate kas uuendama (hinnad algavad 17 naelast) või otsima mujalt.

Eelised:

palju kohandatud seadeid
väga kasutajasõbralik, hästi organiseeritud kasutajaliides
markerid (maksimaalselt 5) kohandatavate ikoonidega
hulknurgad (maksimaalselt 1)
polüliinid (maksimaalselt 1)
liidese kohandamine
nelja tüüpi kaarte: tavaline, füüsiline, segatud, satelliit
mitme keele tugi.

Puudused:

Lihtversioon on piiratud kahe kaardiga.

3. Lihtne Google Mapsi lühikood

Lihtne Google Mapsi lühikood on ülilihtne pistikprogramm, millel puuduvad kellad ja viled ning puudub seadete leht. On ainult lühikood, mille saab postitusse või lehele sisestada.

Kindlasti ei sobi see pistikprogramm kõigile. Kui soovite lisada mitu markerit/kihti/hulknurka või soovite valida Erinevat tüüpi kaardid, valige mõni muu pistikprogramm. Teisest küljest, kui kõik, mida vajate, on luua oma saidile kaart minutiga, on see pistikprogramm teie jaoks ideaalne.

Eelised:

kasutusmugavus
võimalus luua piiramatu arv kaarte.

Puudused:

puudumine lisafunktsioone või seaded.

4.CP Google Maps

CP Google Maps on võimas plugin, millel on palju funktsioone, kuigi selle liides on pisut keeruline.

Siinne kaardi loomise protsess nõuab teistsugust lähenemist kui teiste kirjeldatud pluginate puhul. Kõigepealt peate minema oma postituse redaktorisse (postituses või lehel, kuhu plaanite kaardi sisestada).

Redigeerija allosas näete uut vidinat, kuhu peate sisestama oma e-posti aadressi. Kerige alla, kuni näete vajaliku teabe sisestamiseks tekstiväljadega kaardi eelvaadet. Pärast aadressi lisamist klõpsake nuppu "Kontrolli" ja geograafilised koordinaadid täidetakse automaatselt.

Kui olete redigeerimise lõpetanud (ärge unustage lisada pealkirja ja kirjeldust), kerige vidina allossa ja klõpsake kaardi lühikoodi sisestamiseks oma tekstiredaktorisse nuppu "Insert Map Tag".

Plugina valikute konfigureerimiseks avage Seaded >> CodePeople Map. Siin saate reguleerida mõõtkava, kaardi laiust, joondust, tüüpi (tavaline, satelliit, füüsiline ja segatud), keelt ja mõnda muud valikut.

Negatiivne külg on see, et te ei saa sätteid iga kaardi jaoks eraldi kohandada. Siin tehtud muudatused rakenduvad kõikidele kaartidele.

Eelised:

võimalus luua piiramatu arv kaarte (kaasa arvatud kohandatud ikoonid)
põhilised seadistusvalikud
reageerimisvõimet
juhtimine saidi kasutaja osalt
nelja tüüpi kaarte: tavaline, füüsiline, segatud, satelliit
hüpikaknad markerite kohal.

Puudused:

mitte eriti mugav navigeerimine
seaded ei saa olla iga kaardi jaoks individuaalsed.

5 Intergeo kaarti

Intergeo Maps on CodeinWP suurepärane tasuta pistikprogramm. Sellel on palju kasulikke funktsioone ja peaaegu puuduvad vead.

Esiteks on kaartide loomise protsess üsna erinev teiste kirjeldatud pistikprogrammide sarnasest protsessist. Pärast pistikprogrammi installimist näete külgribal uut vahekaarti "Meedia". Kaardi loomiseks peate esmalt minema Media >> Intergeo lehele ja seejärel klõpsama nuppu "Lisa uus".

Avaneb hüpikaken, kus peate konfigureerima kaardi sätted. Teil on täielik kontroll kõigi seadete üle: saate määrata asukohta, mõõtkava, juhtimist kasutaja osast, kaardi stiile (kaasas on 8 stiili koos võimalusega lisada kohandatud stiile), markereid, hulknurki, polüjooni jne.

Kaardile saab lisada marsruute – transpordi-, jalgratta-, ilma- ja/või panoraamfotosid.

Kui olete kõigi nende parameetrite seadistamise lõpetanud, klõpsake nuppu "Mine aadressile".

Ilmub taas hüpikaken, mis võimaldab sisestada kaardi aadressiteabe. Seejärel klõpsake nuppu "Loo kaart".

Pärast seda sisestage loodud kaardi sisestamiseks postitusse või lehele lühikood.

Saate luua kaardi ka oma postituse redaktorist, ainus erinevus on see, et peate klõpsama redaktori ülaosas asuval nupul "Lisa meedium". Lõpuks saate alati oma kaarditeeke piiramatult lisada lehe Media >> Intergeo kaudu.

Eelised:

palju seadeid
lihtne kasutajaliides ja lihtne kaardi loomise protsess
piiramatu arv kaarte
markerid (kaasa arvatud kohandatud ikoonid)
hulknurgad
polüliinid
ringid
8 kaardikujundusstiili
satelliit/tavaline/füüsiline kaart

Puudused:

vigu ei leitud!

Selles artiklis esitatud viiest pistikprogrammist võiks lugejatele soovitada WP Google Mapsi. Kuigi selle tasuta versioon on piiratud ainult ühe kaardiga, on see tavaliselt kõik, mida vajate. See pistikprogramm ühendab suurepäraselt lihtsuse ja funktsionaalsuse, mis võimaldab teil luua hea kaart suhteliselt lühikese aja jooksul.

Milline ülaltoodud pistikprogrammidest on teie arvates parim? Kirjuta sellest kommentaaridesse.

Kui olete kaubandusliku WordPressi projekti, näiteks veebipoe, arendaja või omanik, siis võib teatud etapis olla vaja täpsustada ettevõtte koordinaadid või füüsilise poe aadress. Muidugi võib aadressi kirjutada lihttekstina ja panna see kontaktidesse, kuid kasutaja mugavuse seisukohalt pole see parim valik.

Parim lahendus oleks paigutada kontori asukohta kaart koos juhistega või sildiga.

Selle saab sisestada kontaktide sektsiooni, et kliendid saaksid visuaalselt kindlaks teha, kuidas teie kontorisse jõuda. Nendel eesmärkidel on soovitatav kasutada Yandexi teenust, kuna see on rohkem keskendunud vene keelt kõnelevatele kasutajatele.

Yandexi kaardi lisamine WordPressi saidile on üsna lihtne. Saate selle loomiseks ja paigutuse koodi hankimiseks kohe kasutada Yandexi API-d või installida spetsiaalse pistikprogrammi, mis teeb kõik teie eest sama API abil.

Paigutamine Yandex APIConclusion kaudu

Nagu näete, on mõlemad Yandexi kaartide paigutamise meetodid üsna lihtsad. Raskused võivad tekkida ainult WordPressi vanematel versioonidel, kuid kõik lahendatakse mallide abil. Lisaks nendele kahele meetodile on veel mitmeid, mis võimaldavad kasutada keerukamaid funktsioone, näiteks sõidukite jälgimist. Neid funktsioone rakendatakse käsitsi Yandex API kaudu, mis nõuab teatud programmeerimisoskusi.