{"id":9227,"date":"2024-05-20T09:16:23","date_gmt":"2024-05-20T09:16:23","guid":{"rendered":"https:\/\/musilda.cz\/?p=9227"},"modified":"2024-05-20T09:16:23","modified_gmt":"2024-05-20T09:16:23","slug":"jak-pridat-google-maps-do-wordpressu","status":"publish","type":"post","link":"https:\/\/affinite.io\/cs\/jak-pridat-google-maps-do-wordpressu\/","title":{"rendered":"Jak p\u0159idat Google Maps do WordPressu"},"content":{"rendered":"\n<p>Google Maps na webu p\u0159in\u00e1\u0161\u00ed hned n\u011bkolik v\u00fdhod. U\u017eivatel\u016fm se zjednodu\u0161\u00ed p\u0159\u00edpadn\u00e1 n\u00e1v\u0161t\u011bva firmy, nebo prodejny a tak\u00e9 si budou moci prohl\u00e9dnout okol\u00ed lokality a napl\u00e1novat si nap\u0159\u00edklad dal\u0161\u00ed aktivity na dan\u00e9m m\u00edst\u011b.<\/p>\n\n\n\n<p>P\u0159id\u00e1n\u00ed Google map do WordPressu je velmi jednoduchou a rychlou z\u00e1le\u017eitost\u00ed, kterou zvl\u00e1dne t\u00e9m\u011b\u0159 ka\u017ed\u00fd.<\/p>\n\n\n\n<p>Mapu lze do WordPressu p\u0159idat hned n\u011bkolika zp\u016fsoby:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong><a href=\"#vlozeni-mapy-bez-pluginu\">#1 Vlo\u017een\u00ed mapy bez pluginu<\/a><\/strong><\/li>\n\n\n\n<li><strong><a href=\"#vlozeni-mapy-pomoci-pluginu\">#2 Vlo\u017een\u00ed mapy pomoc\u00ed pluginu<\/a><\/strong><\/li>\n<\/ul>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"vlozeni-mapy-bez-pluginu\">#1 Vlo\u017een\u00ed mapy bez pluginu<\/h2>\n\n\n\n<h3 class=\"wp-block-heading\">Z\u00e1kladn\u00ed mapa<\/h3>\n\n\n\n<p>Uk\u00e1\u017eeme si, jak na web dostat jednoduchou mapu s ozna\u010den\u00edm jednoho m\u00edsta:<\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li>P\u0159ejdeme do Google Maps a vyhled\u00e1me po\u017eadovan\u00e9 m\u00edsto<\/li>\n\n\n\n<li>U m\u00edsta zvol\u00edme mo\u017enost sd\u00edlen\u00ed:<\/li>\n<\/ol>\n\n\n\n<figure class=\"wp-block-image size-large\"><a href=\"https:\/\/affinite.io\/cs\/wp-content\/uploads\/sites\/2\/2024\/05\/jak-vlozit-google-mapu-do-wordpressu.png\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"780\" src=\"https:\/\/affinite.io\/cs\/wp-content\/uploads\/sites\/2\/2024\/05\/jak-vlozit-google-mapu-do-wordpressu-1024x780.png\" alt=\"\" class=\"wp-image-9249\" srcset=\"https:\/\/affinite.io\/cs\/wp-content\/uploads\/sites\/2\/2024\/05\/jak-vlozit-google-mapu-do-wordpressu-1024x780.png 1024w, https:\/\/affinite.io\/cs\/wp-content\/uploads\/sites\/2\/2024\/05\/jak-vlozit-google-mapu-do-wordpressu-300x228.png 300w, https:\/\/affinite.io\/cs\/wp-content\/uploads\/sites\/2\/2024\/05\/jak-vlozit-google-mapu-do-wordpressu-768x585.png 768w, https:\/\/affinite.io\/cs\/wp-content\/uploads\/sites\/2\/2024\/05\/jak-vlozit-google-mapu-do-wordpressu.png 1191w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/a><\/figure>\n\n\n\n<ol class=\"wp-block-list\" start=\"3\">\n<li>D\u00e1le rozklikneme &#8222;vlo\u017een\u00ed mapy&#8220; a zkop\u00edrujeme HTML k\u00f3d:<\/li>\n<\/ol>\n\n\n\n<figure class=\"wp-block-image size-full\"><a href=\"https:\/\/affinite.io\/cs\/wp-content\/uploads\/sites\/2\/2024\/05\/vlozeni-mapy-do-wordpressu.png\"><img loading=\"lazy\" decoding=\"async\" width=\"843\" height=\"746\" src=\"https:\/\/affinite.io\/cs\/wp-content\/uploads\/sites\/2\/2024\/05\/vlozeni-mapy-do-wordpressu.png\" alt=\"\" class=\"wp-image-9250\" srcset=\"https:\/\/affinite.io\/cs\/wp-content\/uploads\/sites\/2\/2024\/05\/vlozeni-mapy-do-wordpressu.png 843w, https:\/\/affinite.io\/cs\/wp-content\/uploads\/sites\/2\/2024\/05\/vlozeni-mapy-do-wordpressu-300x265.png 300w, https:\/\/affinite.io\/cs\/wp-content\/uploads\/sites\/2\/2024\/05\/vlozeni-mapy-do-wordpressu-768x680.png 768w\" sizes=\"auto, (max-width: 843px) 100vw, 843px\" \/><\/a><\/figure>\n\n\n\n<ol class=\"wp-block-list\" start=\"4\">\n<li>P\u0159ejdeme na n\u00e1\u0161 web, p\u0159id\u00e1me blok &#8222;vlastn\u00ed HTML&#8220;, a mapu sem vlo\u017e\u00edme:<\/li>\n<\/ol>\n\n\n\n<figure class=\"wp-block-image size-full\"><a href=\"https:\/\/affinite.io\/cs\/wp-content\/uploads\/sites\/2\/2024\/05\/google-mapa-ve-wp.png\"><img loading=\"lazy\" decoding=\"async\" width=\"847\" height=\"192\" src=\"https:\/\/affinite.io\/cs\/wp-content\/uploads\/sites\/2\/2024\/05\/google-mapa-ve-wp.png\" alt=\"\" class=\"wp-image-9251\" srcset=\"https:\/\/affinite.io\/cs\/wp-content\/uploads\/sites\/2\/2024\/05\/google-mapa-ve-wp.png 847w, https:\/\/affinite.io\/cs\/wp-content\/uploads\/sites\/2\/2024\/05\/google-mapa-ve-wp-300x68.png 300w, https:\/\/affinite.io\/cs\/wp-content\/uploads\/sites\/2\/2024\/05\/google-mapa-ve-wp-768x174.png 768w\" sizes=\"auto, (max-width: 847px) 100vw, 847px\" \/><\/a><\/figure>\n\n\n\n<ol class=\"wp-block-list\" start=\"5\">\n<li>Je\u0161t\u011b p\u0159ed publikac\u00ed m\u016f\u017eeme v k\u00f3du mapy upravit v\u00fd\u0161ku a \u0161\u00ed\u0159ku (doporu\u010duji nastavit na 100% pro p\u0159izp\u016fsoben\u00ed mapy na v\u0161ech za\u0159\u00edzen\u00edch) <\/li>\n\n\n\n<li>V\u00fdsledek:<\/li>\n<\/ol>\n\n\n\n<figure class=\"wp-block-image size-large\"><a href=\"https:\/\/affinite.io\/cs\/wp-content\/uploads\/sites\/2\/2024\/05\/wordpress-mapa.png\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"467\" src=\"https:\/\/affinite.io\/cs\/wp-content\/uploads\/sites\/2\/2024\/05\/wordpress-mapa-1024x467.png\" alt=\"\" class=\"wp-image-9252\" srcset=\"https:\/\/affinite.io\/cs\/wp-content\/uploads\/sites\/2\/2024\/05\/wordpress-mapa-1024x467.png 1024w, https:\/\/affinite.io\/cs\/wp-content\/uploads\/sites\/2\/2024\/05\/wordpress-mapa-300x137.png 300w, https:\/\/affinite.io\/cs\/wp-content\/uploads\/sites\/2\/2024\/05\/wordpress-mapa-768x350.png 768w, https:\/\/affinite.io\/cs\/wp-content\/uploads\/sites\/2\/2024\/05\/wordpress-mapa.png 1108w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/a><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\">Pokro\u010dil\u00e1 mapa<\/h3>\n\n\n\n<p>Pokud bychom cht\u011bli v\u00edce propracovanou mapu s v\u00edce body a popisky, m\u016f\u017eeme pou\u017e\u00edt slu\u017ebu &#8222;<strong>Google My Maps<\/strong>&#8222;:<\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li>Vytvo\u0159\u00edme novou mapu:<\/li>\n<\/ol>\n\n\n\n<figure class=\"wp-block-image size-full\"><a href=\"https:\/\/affinite.io\/cs\/wp-content\/uploads\/sites\/2\/2024\/05\/google-my-maps.png\"><img loading=\"lazy\" decoding=\"async\" width=\"320\" height=\"132\" src=\"https:\/\/affinite.io\/cs\/wp-content\/uploads\/sites\/2\/2024\/05\/google-my-maps.png\" alt=\"\" class=\"wp-image-9253\" srcset=\"https:\/\/affinite.io\/cs\/wp-content\/uploads\/sites\/2\/2024\/05\/google-my-maps.png 320w, https:\/\/affinite.io\/cs\/wp-content\/uploads\/sites\/2\/2024\/05\/google-my-maps-300x124.png 300w\" sizes=\"auto, (max-width: 320px) 100vw, 320px\" \/><\/a><\/figure>\n\n\n\n<ol class=\"wp-block-list\" start=\"2\">\n<li>K dispozici m\u00e1me hned n\u011bkolik n\u00e1stroj\u016f:<\/li>\n<\/ol>\n\n\n\n<figure class=\"wp-block-image size-large\"><a href=\"https:\/\/affinite.io\/cs\/wp-content\/uploads\/sites\/2\/2024\/05\/google-my-maps-ve-wordpressu.png\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"710\" src=\"https:\/\/affinite.io\/cs\/wp-content\/uploads\/sites\/2\/2024\/05\/google-my-maps-ve-wordpressu-1024x710.png\" alt=\"\" class=\"wp-image-9257\" srcset=\"https:\/\/affinite.io\/cs\/wp-content\/uploads\/sites\/2\/2024\/05\/google-my-maps-ve-wordpressu-1024x710.png 1024w, https:\/\/affinite.io\/cs\/wp-content\/uploads\/sites\/2\/2024\/05\/google-my-maps-ve-wordpressu-300x208.png 300w, https:\/\/affinite.io\/cs\/wp-content\/uploads\/sites\/2\/2024\/05\/google-my-maps-ve-wordpressu-768x532.png 768w, https:\/\/affinite.io\/cs\/wp-content\/uploads\/sites\/2\/2024\/05\/google-my-maps-ve-wordpressu.png 1081w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/a><\/figure>\n\n\n\n<p>1)&nbsp;<strong>P\u0159idat zna\u010dku<\/strong> &#8211; Na mapu m\u016f\u017eeme p\u0159id\u00e1vat libovoln\u00fd po\u010det bod\u016f, u kter\u00fdch lze stanovit nadpis, popis, ikonku, a barvu ikonky.<br \/>2) <strong>Nakreslit \u010d\u00e1ru <\/strong>&#8211; N\u00e1stroj slou\u017e\u00ed k vyzna\u010den\u00ed oblasti na map\u011b.<br \/>3) <strong>P\u0159idat trasu<\/strong> &#8211; k na\u0161emu bodu m\u016f\u017eeme p\u0159idat trasu pro automobily, cyklisty, nebo p\u011b\u0161\u00ed<br \/>4)<strong> M\u011b\u0159en\u00ed vzd\u00e1lenosti a ploch<\/strong> &#8211; Na map\u011b vyzna\u010d\u00edme oblast pro zm\u011b\u0159en\u00ed<\/p>\n\n\n\n<ol class=\"wp-block-list\" start=\"3\">\n<li>Na z\u00e1v\u011br zvol\u00edme vizu\u00e1l mapy:<\/li>\n<\/ol>\n\n\n\n<figure class=\"wp-block-image size-full\"><a href=\"https:\/\/affinite.io\/cs\/wp-content\/uploads\/sites\/2\/2024\/05\/podkladova-mapa.png\"><img loading=\"lazy\" decoding=\"async\" width=\"310\" height=\"662\" src=\"https:\/\/affinite.io\/cs\/wp-content\/uploads\/sites\/2\/2024\/05\/podkladova-mapa.png\" alt=\"\" class=\"wp-image-9258\" srcset=\"https:\/\/affinite.io\/cs\/wp-content\/uploads\/sites\/2\/2024\/05\/podkladova-mapa.png 310w, https:\/\/affinite.io\/cs\/wp-content\/uploads\/sites\/2\/2024\/05\/podkladova-mapa-140x300.png 140w\" sizes=\"auto, (max-width: 310px) 100vw, 310px\" \/><\/a><\/figure>\n\n\n\n<ol class=\"wp-block-list\" start=\"4\">\n<li>Po fin\u00e1ln\u00edch \u00faprav\u00e1ch u\u017e jen sta\u010d\u00ed vlo\u017eit mapu na n\u00e1\u0161 web. Mapa se bude vkl\u00e1dat op\u011bt pomoc\u00ed vygenerovan\u00e9ho k\u00f3du. Nejprve v\u0161ak mapu mus\u00edme sd\u00edlet:  <\/li>\n<\/ol>\n\n\n\n<figure class=\"wp-block-image size-large\"><a href=\"https:\/\/affinite.io\/cs\/wp-content\/uploads\/sites\/2\/2024\/05\/jak-sdilet-google-mapu.png\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"551\" src=\"https:\/\/affinite.io\/cs\/wp-content\/uploads\/sites\/2\/2024\/05\/jak-sdilet-google-mapu-1024x551.png\" alt=\"\" class=\"wp-image-9260\" srcset=\"https:\/\/affinite.io\/cs\/wp-content\/uploads\/sites\/2\/2024\/05\/jak-sdilet-google-mapu-1024x551.png 1024w, https:\/\/affinite.io\/cs\/wp-content\/uploads\/sites\/2\/2024\/05\/jak-sdilet-google-mapu-300x162.png 300w, https:\/\/affinite.io\/cs\/wp-content\/uploads\/sites\/2\/2024\/05\/jak-sdilet-google-mapu-768x413.png 768w, https:\/\/affinite.io\/cs\/wp-content\/uploads\/sites\/2\/2024\/05\/jak-sdilet-google-mapu.png 1200w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/a><\/figure>\n\n\n\n<ol class=\"wp-block-list\" start=\"5\">\n<li>Po sd\u00edlen\u00ed otev\u0159eme nastaven\u00ed mapy a zvol\u00edme mo\u017enost &#8222;<strong>vlo\u017eit na m\u00e9 str\u00e1nky<\/strong>&#8222;: <\/li>\n<\/ol>\n\n\n\n<figure class=\"wp-block-image size-full\"><a href=\"https:\/\/affinite.io\/cs\/wp-content\/uploads\/sites\/2\/2024\/05\/jak-vlozit-google-mapu-na-web.png\"><img loading=\"lazy\" decoding=\"async\" width=\"340\" height=\"378\" src=\"https:\/\/affinite.io\/cs\/wp-content\/uploads\/sites\/2\/2024\/05\/jak-vlozit-google-mapu-na-web.png\" alt=\"\" class=\"wp-image-9261\" srcset=\"https:\/\/affinite.io\/cs\/wp-content\/uploads\/sites\/2\/2024\/05\/jak-vlozit-google-mapu-na-web.png 340w, https:\/\/affinite.io\/cs\/wp-content\/uploads\/sites\/2\/2024\/05\/jak-vlozit-google-mapu-na-web-270x300.png 270w\" sizes=\"auto, (max-width: 340px) 100vw, 340px\" \/><\/a><\/figure>\n\n\n\n<ol class=\"wp-block-list\" start=\"6\">\n<li>Pro na\u0161i mapu se vygeneruje HTML k\u00f3d, kter\u00fd jednodu\u0161e zkop\u00edrujeme:<\/li>\n<\/ol>\n\n\n\n<figure class=\"wp-block-image size-full\"><a href=\"https:\/\/affinite.io\/cs\/wp-content\/uploads\/sites\/2\/2024\/05\/vlozeni-google-mapy-do-wordpressu.png\"><img loading=\"lazy\" decoding=\"async\" width=\"556\" height=\"342\" src=\"https:\/\/affinite.io\/cs\/wp-content\/uploads\/sites\/2\/2024\/05\/vlozeni-google-mapy-do-wordpressu.png\" alt=\"\" class=\"wp-image-9262\" srcset=\"https:\/\/affinite.io\/cs\/wp-content\/uploads\/sites\/2\/2024\/05\/vlozeni-google-mapy-do-wordpressu.png 556w, https:\/\/affinite.io\/cs\/wp-content\/uploads\/sites\/2\/2024\/05\/vlozeni-google-mapy-do-wordpressu-300x185.png 300w\" sizes=\"auto, (max-width: 556px) 100vw, 556px\" \/><\/a><\/figure>\n\n\n\n<ol class=\"wp-block-list\" start=\"7\">\n<li>Na na\u0161em webu p\u0159id\u00e1me nov\u00fd Gutenberg blok s n\u00e1zvem &#8222;vlastn\u00ed HTML&#8220;, kam zkop\u00edrovan\u00fd k\u00f3d vlo\u017e\u00edme:<\/li>\n<\/ol>\n\n\n\n<figure class=\"wp-block-image size-full\"><a href=\"https:\/\/affinite.io\/cs\/wp-content\/uploads\/sites\/2\/2024\/05\/google-maps-html.png\"><img loading=\"lazy\" decoding=\"async\" width=\"860\" height=\"145\" src=\"https:\/\/affinite.io\/cs\/wp-content\/uploads\/sites\/2\/2024\/05\/google-maps-html.png\" alt=\"\" class=\"wp-image-9263\" srcset=\"https:\/\/affinite.io\/cs\/wp-content\/uploads\/sites\/2\/2024\/05\/google-maps-html.png 860w, https:\/\/affinite.io\/cs\/wp-content\/uploads\/sites\/2\/2024\/05\/google-maps-html-300x51.png 300w, https:\/\/affinite.io\/cs\/wp-content\/uploads\/sites\/2\/2024\/05\/google-maps-html-768x129.png 768w\" sizes=\"auto, (max-width: 860px) 100vw, 860px\" \/><\/a><\/figure>\n\n\n\n<ol class=\"wp-block-list\" start=\"8\">\n<li>V\u00fdsledek:<\/li>\n<\/ol>\n\n\n\n<figure class=\"wp-block-image size-large\"><a href=\"https:\/\/affinite.io\/cs\/wp-content\/uploads\/sites\/2\/2024\/05\/kam-vlozit-html-kod-mapy.png\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"477\" src=\"https:\/\/affinite.io\/cs\/wp-content\/uploads\/sites\/2\/2024\/05\/kam-vlozit-html-kod-mapy-1024x477.png\" alt=\"\" class=\"wp-image-9264\" srcset=\"https:\/\/affinite.io\/cs\/wp-content\/uploads\/sites\/2\/2024\/05\/kam-vlozit-html-kod-mapy-1024x477.png 1024w, https:\/\/affinite.io\/cs\/wp-content\/uploads\/sites\/2\/2024\/05\/kam-vlozit-html-kod-mapy-300x140.png 300w, https:\/\/affinite.io\/cs\/wp-content\/uploads\/sites\/2\/2024\/05\/kam-vlozit-html-kod-mapy-768x358.png 768w, https:\/\/affinite.io\/cs\/wp-content\/uploads\/sites\/2\/2024\/05\/kam-vlozit-html-kod-mapy.png 1260w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/a><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"vlozeni-mapy-pomoci-pluginu\">#2 Vlo\u017een\u00ed mapy pomoc\u00ed pluginu<\/h2>\n\n\n\n<p>Druh\u00fdm zp\u016fsobem je pou\u017eit\u00ed n\u011bkter\u00e9ho pluginu. V dne\u0161n\u00edm \u010dl\u00e1nku se zam\u011b\u0159\u00edme na <br \/><strong>WP Go Maps<\/strong>, kter\u00fd m\u00e1 v\u00edce ne\u017e 400 000 aktivn\u00edch instalac\u00ed a umo\u017en\u00ed pokro\u010dil\u00e9 nastaven\u00ed Google map na na\u0161em webu. Dal\u0161\u00ed alternativn\u00ed pluginy, kter\u00e9 stoj\u00ed za zm\u00ednku najdete v <strong><a href=\"https:\/\/musilda.cz\/10-google-maps-wordpress-pluginu\/\" target=\"_blank\" rel=\"noopener\">tomto \u010dl\u00e1nku<\/a>.<\/strong><\/p>\n\n\n\n<p>Pokud chceme pou\u017e\u00edvat vylo\u017een\u011b Google mapy, budeme muset nejprve p\u0159idat API kl\u00ed\u010d, kter\u00fd vygenerujeme na str\u00e1nk\u00e1ch <a href=\"https:\/\/mapsplatform.google.com\/\" target=\"_blank\" rel=\"noopener\">https:\/\/mapsplatform.google.com\/<\/a> a n\u00e1sledn\u011b vlo\u017e\u00edme do nastaven\u00ed pluginu.<\/p>\n\n\n\n<p><strong>Postup:<\/strong><\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li>Nainstalujeme a aktivujeme plugin WP Go Maps (<strong>Pluginy &gt; P\u0159idat nov\u00fd plugin<\/strong>)<\/li>\n<\/ol>\n\n\n\n<figure class=\"wp-block-embed is-type-wp-embed is-provider-plugin-directory wp-block-embed-plugin-directory\"><div class=\"wp-block-embed__wrapper\">\n<blockquote class=\"wp-embedded-content\" data-secret=\"BedU1MYKV7\"><a href=\"https:\/\/cs.wordpress.org\/plugins\/wp-google-maps\/\" target=\"_blank\" rel=\"noopener\">WP Go Maps (formerly WP Google Maps)<\/a><\/blockquote><iframe loading=\"lazy\" class=\"wp-embedded-content\" sandbox=\"allow-scripts\" security=\"restricted\" style=\"position: absolute; clip: rect(1px, 1px, 1px, 1px);\" title=\"&#8222;WP Go Maps (formerly WP Google Maps)&#8220; &#8212; Plugin Directory\" src=\"https:\/\/cs.wordpress.org\/plugins\/wp-google-maps\/embed\/#?secret=GIp0F1YAoW#?secret=BedU1MYKV7\" data-secret=\"BedU1MYKV7\" width=\"600\" height=\"338\" frameborder=\"0\" marginwidth=\"0\" marginheight=\"0\" scrolling=\"no\"><\/iframe>\n<\/div><\/figure>\n\n\n\n<ol class=\"wp-block-list\" start=\"2\">\n<li>P\u0159ejdeme do sekce &#8222;Moje mapy&#8220;:<\/li>\n<\/ol>\n\n\n\n<figure class=\"wp-block-image size-large\"><a href=\"https:\/\/affinite.io\/cs\/wp-content\/uploads\/sites\/2\/2024\/05\/wpgoogle-maps-plugin.png\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"179\" src=\"https:\/\/affinite.io\/cs\/wp-content\/uploads\/sites\/2\/2024\/05\/wpgoogle-maps-plugin-1024x179.png\" alt=\"\" class=\"wp-image-9266\" srcset=\"https:\/\/affinite.io\/cs\/wp-content\/uploads\/sites\/2\/2024\/05\/wpgoogle-maps-plugin-1024x179.png 1024w, https:\/\/affinite.io\/cs\/wp-content\/uploads\/sites\/2\/2024\/05\/wpgoogle-maps-plugin-300x52.png 300w, https:\/\/affinite.io\/cs\/wp-content\/uploads\/sites\/2\/2024\/05\/wpgoogle-maps-plugin-768x134.png 768w, https:\/\/affinite.io\/cs\/wp-content\/uploads\/sites\/2\/2024\/05\/wpgoogle-maps-plugin-1536x268.png 1536w, https:\/\/affinite.io\/cs\/wp-content\/uploads\/sites\/2\/2024\/05\/wpgoogle-maps-plugin.png 1707w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/a><\/figure>\n\n\n\n<ol class=\"wp-block-list\" start=\"3\">\n<li>Jeliko\u017e pou\u017e\u00edv\u00e1me free verzi pluginu, budeme m\u00edt dostupnou pouze jednu mapu, kterou m\u016f\u017eeme upravit(1). Zkr\u00e1cen\u00fd k\u00f3d(2) mapy vlo\u017e\u00edme na m\u00edsto, na kter\u00e9m chceme mapu zobrazit. Pokud pou\u017e\u00edv\u00e1me Gutenberg, sta\u010d\u00ed n\u00e1m pou\u017e\u00edt blok s n\u00e1zvem &#8222;zkr\u00e1cen\u00fd k\u00f3d&#8220;, do kter\u00e9ho zkop\u00edrovanou \u010d\u00e1st vlo\u017e\u00edme: <\/li>\n<\/ol>\n\n\n\n<figure class=\"wp-block-image size-large\"><a href=\"https:\/\/affinite.io\/cs\/wp-content\/uploads\/sites\/2\/2024\/05\/jak-vlozit-zkraceny-kod-do-wordpressu.png\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"250\" src=\"https:\/\/affinite.io\/cs\/wp-content\/uploads\/sites\/2\/2024\/05\/jak-vlozit-zkraceny-kod-do-wordpressu-1024x250.png\" alt=\"\" class=\"wp-image-9267\" srcset=\"https:\/\/affinite.io\/cs\/wp-content\/uploads\/sites\/2\/2024\/05\/jak-vlozit-zkraceny-kod-do-wordpressu-1024x250.png 1024w, https:\/\/affinite.io\/cs\/wp-content\/uploads\/sites\/2\/2024\/05\/jak-vlozit-zkraceny-kod-do-wordpressu-300x73.png 300w, https:\/\/affinite.io\/cs\/wp-content\/uploads\/sites\/2\/2024\/05\/jak-vlozit-zkraceny-kod-do-wordpressu-768x187.png 768w, https:\/\/affinite.io\/cs\/wp-content\/uploads\/sites\/2\/2024\/05\/jak-vlozit-zkraceny-kod-do-wordpressu.png 1432w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/a><\/figure>\n\n\n\n<ol class=\"wp-block-list\" start=\"4\">\n<li>Str\u00e1nku se zkr\u00e1cen\u00fdm k\u00f3dem m\u016f\u017eeme zav\u0159\u00edt a vr\u00e1t\u00edme se zp\u011bt do sekce &#8222;moje mapy&#8220;, kde zvol\u00edme mo\u017enost &#8222;upravit&#8220;:<\/li>\n<\/ol>\n\n\n\n<figure class=\"wp-block-image size-large\"><a href=\"https:\/\/affinite.io\/cs\/wp-content\/uploads\/sites\/2\/2024\/05\/wp-mapy-google.png\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"429\" src=\"https:\/\/affinite.io\/cs\/wp-content\/uploads\/sites\/2\/2024\/05\/wp-mapy-google-1024x429.png\" alt=\"\" class=\"wp-image-9268\" srcset=\"https:\/\/affinite.io\/cs\/wp-content\/uploads\/sites\/2\/2024\/05\/wp-mapy-google-1024x429.png 1024w, https:\/\/affinite.io\/cs\/wp-content\/uploads\/sites\/2\/2024\/05\/wp-mapy-google-300x126.png 300w, https:\/\/affinite.io\/cs\/wp-content\/uploads\/sites\/2\/2024\/05\/wp-mapy-google-768x322.png 768w, https:\/\/affinite.io\/cs\/wp-content\/uploads\/sites\/2\/2024\/05\/wp-mapy-google.png 1094w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/a><\/figure>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Hlavn\u00ed nastaven\u00ed<\/strong>\n<ul class=\"wp-block-list\">\n<li>\u00darove\u0148 p\u0159ibl\u00ed\u017een\u00ed, nastaven\u00ed \u0161\u00ed\u0159ky a v\u00fd\u0161ky<\/li>\n<\/ul>\n<\/li>\n\n\n\n<li><strong>Vzhled<\/strong>\n<ul class=\"wp-block-list\">\n<li>V\u00fdb\u011br motivu mapy<\/li>\n<\/ul>\n<\/li>\n\n\n\n<li><strong>Navigace<\/strong>\n<ul class=\"wp-block-list\">\n<li>Dostupn\u00e1 pouze v placen\u00e9 verzi<\/li>\n<\/ul>\n<\/li>\n\n\n\n<li><strong>Vyhled\u00e1va\u010d obchod\u016f<\/strong>\n<ul class=\"wp-block-list\">\n<li>Vyhled\u00e1v\u00e1n\u00ed obchod\u016f, nastaven\u00ed polom\u011br\u016f a jednotek vzd\u00e1lenosti<\/li>\n<\/ul>\n<\/li>\n\n\n\n<li><strong>Pokro\u010dil\u00e9 nastaven\u00ed<\/strong>\n<ul class=\"wp-block-list\">\n<li>Typ mapy (satelitn\u00ed, cestovn\u00ed, hybridn\u00ed a ter\u00e9nn\u00ed), maxim\u00e1ln\u00ed \u00farove\u0148 p\u0159ibl\u00ed\u017een\u00ed a odd\u00e1len\u00ed mapy a zm\u011bna p\u0159ibl\u00ed\u017een\u00ed mapy na mobiln\u00edch za\u0159\u00edzen\u00edch<\/li>\n<\/ul>\n<\/li>\n\n\n\n<li><strong>Seznam zna\u010dek<\/strong>\n<ul class=\"wp-block-list\">\n<li>Pouze v placen\u00e9 verzi<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n\n\n\n<ol class=\"wp-block-list\" start=\"6\">\n<li>Po z\u00e1kladn\u00edm nastaven\u00ed m\u016f\u017eeme upravit samotnou mapu:<\/li>\n<\/ol>\n\n\n\n<figure class=\"wp-block-image size-large\"><a href=\"https:\/\/affinite.io\/cs\/wp-content\/uploads\/sites\/2\/2024\/05\/plugin-google-maps-wordpress.png\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"338\" src=\"https:\/\/affinite.io\/cs\/wp-content\/uploads\/sites\/2\/2024\/05\/plugin-google-maps-wordpress-1024x338.png\" alt=\"\" class=\"wp-image-9269\" srcset=\"https:\/\/affinite.io\/cs\/wp-content\/uploads\/sites\/2\/2024\/05\/plugin-google-maps-wordpress-1024x338.png 1024w, https:\/\/affinite.io\/cs\/wp-content\/uploads\/sites\/2\/2024\/05\/plugin-google-maps-wordpress-300x99.png 300w, https:\/\/affinite.io\/cs\/wp-content\/uploads\/sites\/2\/2024\/05\/plugin-google-maps-wordpress-768x254.png 768w, https:\/\/affinite.io\/cs\/wp-content\/uploads\/sites\/2\/2024\/05\/plugin-google-maps-wordpress-1536x507.png 1536w, https:\/\/affinite.io\/cs\/wp-content\/uploads\/sites\/2\/2024\/05\/plugin-google-maps-wordpress.png 1705w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/a><\/figure>\n\n\n\n<p>Pokro\u010dil\u00e9 zna\u010den\u00ed a teplotn\u00ed mapy jsou op\u011bt dostupn\u00e9 v placen\u00e9 verzi pluginu!<\/p>\n\n\n\n<ol class=\"wp-block-list\" start=\"7\">\n<li>Fin\u00e1ln\u00ed verzi mapy ulo\u017e\u00edme a p\u0159id\u00e1me po\u017eadovan\u00fd API kl\u00ed\u010d v nastaven\u00ed pluginu, pokud jsme tak ji\u017e neud\u011blali. V jin\u00e9m p\u0159\u00edpad\u011b lze zm\u011bnit mapov\u00fd modul, u kter\u00e9ho API kl\u00ed\u010d nen\u00ed zapot\u0159eb\u00ed (mapov\u00fd modul lze zm\u011bnit v nastaven\u00ed pluginu &#8211; na v\u00fdb\u011br m\u00e1me pouze modul OpenLayers):<\/li>\n<\/ol>\n\n\n\n<figure class=\"wp-block-image size-large\"><a href=\"https:\/\/affinite.io\/cs\/wp-content\/uploads\/sites\/2\/2024\/05\/openlayers-vs-google-maps.png\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"666\" src=\"https:\/\/affinite.io\/cs\/wp-content\/uploads\/sites\/2\/2024\/05\/openlayers-vs-google-maps-1024x666.png\" alt=\"\" class=\"wp-image-9270\" srcset=\"https:\/\/affinite.io\/cs\/wp-content\/uploads\/sites\/2\/2024\/05\/openlayers-vs-google-maps-1024x666.png 1024w, https:\/\/affinite.io\/cs\/wp-content\/uploads\/sites\/2\/2024\/05\/openlayers-vs-google-maps-300x195.png 300w, https:\/\/affinite.io\/cs\/wp-content\/uploads\/sites\/2\/2024\/05\/openlayers-vs-google-maps-768x500.png 768w, https:\/\/affinite.io\/cs\/wp-content\/uploads\/sites\/2\/2024\/05\/openlayers-vs-google-maps.png 1311w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/a><\/figure>\n\n\n\n<ol class=\"wp-block-list\" start=\"8\">\n<li>Po ulo\u017een\u00ed se n\u00e1m na m\u00edst\u011b, do kter\u00e9ho jsme vlo\u017eili zkr\u00e1cen\u00fd k\u00f3d, objev\u00ed mapa:<\/li>\n<\/ol>\n\n\n\n<figure class=\"wp-block-image size-large\"><a href=\"https:\/\/affinite.io\/cs\/wp-content\/uploads\/sites\/2\/2024\/05\/mapa-ve-wordpressu-zdarma.png\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"386\" src=\"https:\/\/affinite.io\/cs\/wp-content\/uploads\/sites\/2\/2024\/05\/mapa-ve-wordpressu-zdarma-1024x386.png\" alt=\"\" class=\"wp-image-9271\" srcset=\"https:\/\/affinite.io\/cs\/wp-content\/uploads\/sites\/2\/2024\/05\/mapa-ve-wordpressu-zdarma-1024x386.png 1024w, https:\/\/affinite.io\/cs\/wp-content\/uploads\/sites\/2\/2024\/05\/mapa-ve-wordpressu-zdarma-300x113.png 300w, https:\/\/affinite.io\/cs\/wp-content\/uploads\/sites\/2\/2024\/05\/mapa-ve-wordpressu-zdarma-768x289.png 768w, https:\/\/affinite.io\/cs\/wp-content\/uploads\/sites\/2\/2024\/05\/mapa-ve-wordpressu-zdarma.png 1083w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/a><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\">Z\u00e1v\u011br<\/h2>\n\n\n\n<p>P\u0159id\u00e1n\u00ed Google Maps do WordPressu je snadn\u00e9 a zvl\u00e1dne ji t\u00e9m\u011b\u0159 ka\u017ed\u00fd, bez ohledu na technick\u00e9 znalosti. Oba zp\u016fsoby pro p\u0159id\u00e1n\u00ed mapy, kter\u00e9 jsme si v \u010dl\u00e1nku uk\u00e1zali zaji\u0161\u0165uj\u00ed funk\u010dn\u00ed a p\u0159ehlednou mapu s pot\u0159ebn\u00fdmi informacemi o po\u017eadovan\u00e9 lokalit\u011b.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Google Maps na webu p\u0159in\u00e1\u0161\u00ed hned n\u011bkolik v\u00fdhod. U\u017eivatel\u016fm se zjednodu\u0161\u00ed p\u0159\u00edpadn\u00e1 n\u00e1v\u0161t\u011bva firmy, nebo prodejny a tak\u00e9 si budou moci prohl\u00e9dnout okol\u00ed lokality a napl\u00e1novat si nap\u0159\u00edklad dal\u0161\u00ed aktivity na dan\u00e9m m\u00edst\u011b. P\u0159id\u00e1n\u00ed Google map do WordPressu je velmi jednoduchou a rychlou z\u00e1le\u017eitost\u00ed, kterou zvl\u00e1dne t\u00e9m\u011b\u0159 ka\u017ed\u00fd. Mapu lze do WordPressu p\u0159idat hned n\u011bkolika<\/p>\n","protected":false},"author":1,"featured_media":9228,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"_uag_custom_page_level_css":"","footnotes":""},"categories":[30],"tags":[179,182,460],"class_list":["post-9227","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-wordpress","tag-google","tag-google-maps-pluginy","tag-wordpress-2"],"acf":[],"uagb_featured_image_src":{"full":["https:\/\/affinite.io\/cs\/wp-content\/uploads\/sites\/2\/2024\/05\/jak-vlozit-google-mapy-do-wordpressu.png",1200,800,false],"thumbnail":["https:\/\/affinite.io\/cs\/wp-content\/uploads\/sites\/2\/2024\/05\/jak-vlozit-google-mapy-do-wordpressu-150x150.png",150,150,true],"medium":["https:\/\/affinite.io\/cs\/wp-content\/uploads\/sites\/2\/2024\/05\/jak-vlozit-google-mapy-do-wordpressu-300x200.png",300,200,true],"medium_large":["https:\/\/affinite.io\/cs\/wp-content\/uploads\/sites\/2\/2024\/05\/jak-vlozit-google-mapy-do-wordpressu-768x512.png",640,427,true],"large":["https:\/\/affinite.io\/cs\/wp-content\/uploads\/sites\/2\/2024\/05\/jak-vlozit-google-mapy-do-wordpressu-1024x683.png",640,427,true],"1536x1536":["https:\/\/affinite.io\/cs\/wp-content\/uploads\/sites\/2\/2024\/05\/jak-vlozit-google-mapy-do-wordpressu.png",1200,800,false],"2048x2048":["https:\/\/affinite.io\/cs\/wp-content\/uploads\/sites\/2\/2024\/05\/jak-vlozit-google-mapy-do-wordpressu.png",1200,800,false],"archive-list":["https:\/\/affinite.io\/cs\/wp-content\/uploads\/sites\/2\/2024\/05\/jak-vlozit-google-mapy-do-wordpressu-400x265.png",400,265,true]},"uagb_author_info":{"display_name":"Affinite","author_link":"https:\/\/affinite.io\/cs\/author\/affinite\/"},"uagb_comment_info":0,"uagb_excerpt":"Google Maps na webu p\u0159in\u00e1\u0161\u00ed hned n\u011bkolik v\u00fdhod. U\u017eivatel\u016fm se zjednodu\u0161\u00ed p\u0159\u00edpadn\u00e1 n\u00e1v\u0161t\u011bva firmy, nebo prodejny a tak\u00e9 si budou moci prohl\u00e9dnout okol\u00ed lokality a napl\u00e1novat si nap\u0159\u00edklad dal\u0161\u00ed aktivity na dan\u00e9m m\u00edst\u011b. P\u0159id\u00e1n\u00ed Google map do WordPressu je velmi jednoduchou a rychlou z\u00e1le\u017eitost\u00ed, kterou zvl\u00e1dne t\u00e9m\u011b\u0159 ka\u017ed\u00fd. Mapu lze do WordPressu p\u0159idat hned n\u011bkolika","_links":{"self":[{"href":"https:\/\/affinite.io\/cs\/wp-json\/wp\/v2\/posts\/9227","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/affinite.io\/cs\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/affinite.io\/cs\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/affinite.io\/cs\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/affinite.io\/cs\/wp-json\/wp\/v2\/comments?post=9227"}],"version-history":[{"count":0,"href":"https:\/\/affinite.io\/cs\/wp-json\/wp\/v2\/posts\/9227\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/affinite.io\/cs\/wp-json\/wp\/v2\/media\/9228"}],"wp:attachment":[{"href":"https:\/\/affinite.io\/cs\/wp-json\/wp\/v2\/media?parent=9227"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/affinite.io\/cs\/wp-json\/wp\/v2\/categories?post=9227"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/affinite.io\/cs\/wp-json\/wp\/v2\/tags?post=9227"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}