{"id":3147,"date":"2020-09-23T18:34:04","date_gmt":"2020-09-23T15:34:04","guid":{"rendered":"https:\/\/cloudfresh.com\/ua\/?p=3147"},"modified":"2025-11-21T14:33:30","modified_gmt":"2025-11-21T11:33:30","slug":"novi-mozhlyvosti-kastomizatsiyi-kart-z-google-maps-platform","status":"publish","type":"post","link":"https:\/\/cloudfresh.com\/cs\/blog\/novi-mozhlyvosti-kastomizatsiyi-kart-z-google-maps-platform\/","title":{"rendered":"P\u0159edstavujeme nov\u00e9 funkce p\u0159izp\u016fsoben\u00ed map z platformy Google Maps"},"content":{"rendered":"

Lid\u00e9 kdekoli pou\u017e\u00edvaj\u00ed mapy, kter\u00e9 pom\u00e1haj\u00ed \u0159e\u0161it r\u016fzn\u00e9 pot\u0159eby, od navigace do obchodu s potravinami nebo zji\u0161\u0165ov\u00e1n\u00ed, kter\u00e9 restaurace jsou pobl\u00ed\u017e, a\u017e po nalezen\u00ed nejbli\u017e\u0161\u00ed l\u00e9k\u00e1rny. Z\u00e1kladn\u00ed mapa je pro u\u017eivatele u\u017eite\u010dn\u00e1, ale kdy\u017e se vrhnete na dal\u0161\u00ed kontext prost\u0159ednictv\u00edm zm\u011bn stylu nebo zaj\u00edmav\u00fdch m\u00edst (POI), z\u00e1\u017eitek z mapy se stane je\u0161t\u011b kontextn\u011bj\u0161\u00edm a u\u017eite\u010dn\u011bj\u0161\u00edm pro va\u0161e u\u017eivatele. Dnes Google uv\u00e1d\u00ed na trh p\u011bt nov\u00fdch funkc\u00ed p\u0159izp\u016fsoben\u00ed map, kter\u00e9 usnad\u0148uj\u00ed vytv\u00e1\u0159en\u00ed hluboce p\u0159izp\u016fsoben\u00fdch map a nov\u00fd zp\u016fsob, jak tyto a budouc\u00ed p\u0159izp\u016fsoben\u00ed sn\u00e1ze aplikovat.\u00a0<\/span><\/p>\n

P\u0159izp\u016fsoben\u00ed map, styling map a spr\u00e1va v cloudu<\/b><\/p>\n

Pamatujete si, kdy\u017e jsme pou\u017e\u00edvali ru\u010dn\u00ed k\u00f3dov\u00e1n\u00ed webov\u00fdch str\u00e1nek HTML? Pot\u00e9 p\u0159i\u0161ly robustn\u00ed n\u00e1stroje, d\u00edky nim\u017e se spr\u00e1va obsahu webov\u00fdch str\u00e1nek zm\u011bnila na \u00fakol, kter\u00fd nevy\u017eaduje in\u017een\u00fdra. Obsah byl \u010derstv\u011bj\u0161\u00ed a relevantn\u011bj\u0161\u00ed. Prvn\u00ed krok na t\u00e9to cest\u011b je d\u00edky zaveden\u00ed cloudov\u00fdch mapov\u00fdch styl\u016f. T\u00edmto spu\u0161t\u011bn\u00edm m\u016f\u017eete vytv\u00e1\u0159et a spravovat styly sv\u00fdch map pomoc\u00ed Google Cloud Console. Tento v\u00fdvoj p\u0159in\u00e1\u0161\u00ed t\u0159i d\u016fle\u017eit\u00e9 v\u00fdhody: v\u011bt\u0161\u00ed p\u0159izp\u016fsoben\u00ed, snadn\u011bj\u0161\u00ed spr\u00e1vu a rychlej\u0161\u00ed nasazen\u00ed test\u016f a nov\u00fdch funkc\u00ed.\u00a0\u00a0<\/span><\/p>\n

A\u017e dosud bylo p\u0159izp\u016fsoben\u00ed map prov\u00e1d\u011bno prost\u0159ednictv\u00edm klienta JSON na stran\u011b klienta, kter\u00fd byl odesl\u00e1n na server s po\u017eadavky na mapu. Takov\u00fd n\u00e1vrh znamenal, \u017ee mno\u017estv\u00ed p\u0159izp\u016fsoben\u00ed, kter\u00e9 bylo mo\u017en\u00e9 prov\u00e9st, bylo limitov\u00e1no omezen\u00edmi znak\u016f URL. Tento limit \u0161lo ov\u0161em velice snadno dos\u00e1hnout p\u0159i navrhov\u00e1n\u00ed mapy. Proto p\u0159echod na styl cloudov\u00fdch map zvy\u0161uje po\u010det \u00faprav, kter\u00e9 lze na map\u011b prov\u00e9st pro v\u011bt\u0161inu prohl\u00ed\u017ee\u010d\u016f, na v\u00edce ne\u017e 250.\u00a0<\/span><\/p>\n

Se mapov\u00fdmi styly \u017eij\u00edc\u00edmi na serveru je velmi snadn\u00e9 spravovat styly map, a to i na r\u016fzn\u00fdch platform\u00e1ch a za\u0159\u00edzen\u00edch. Jedin\u00fd styl mapy m\u016f\u017ee obslou\u017eit tolik map, kolik chcete, co\u017e znamen\u00e1, \u017ee zm\u011bna stylu m\u016f\u017ee b\u00fdt okam\u017eit\u011b vynesena nap\u0159\u00ed\u010d celou \u0159adou aplikac\u00ed a web\u016f – bez komplikovan\u00e9ho nasazen\u00ed.\u00a0<\/span><\/p>\n

Nakonec p\u0159esunut\u00ed p\u0159izp\u016fsoben\u00ed map do cloudu umo\u017e\u0148uje v\u00edce \u010dlen\u016fm sv\u00e9ho t\u00fdmu aktualizovat va\u0161e mapy, v\u010detn\u011b t\u011bch, kte\u0159\u00ed nek\u00f3duj\u00ed. V\u00e1\u0161 t\u00fdm pro u\u017eivatelsk\u00e9 prost\u0159ed\u00ed m\u016f\u017ee rychle p\u0159ijmout nov\u00e9 funkce p\u0159izp\u016fsoben\u00ed nebo v\u00e1\u0161 marketingov\u00fd t\u00fdm m\u016f\u017ee aktualizovat styly map tak, aby odr\u00e1\u017eely pr\u00e1zdninov\u00e9 kampan\u011b – to v\u0161e bez dotyku jedin\u00e9ho \u0159\u00e1dku k\u00f3du. Jakmile bude publikov\u00e1n, nov\u00fd styl mapy se bude aktualizovat t\u00e9m\u011b\u0159 v re\u00e1ln\u00e9m \u010dase na v\u0161ech platform\u00e1ch a za\u0159\u00edzen\u00edch, co\u017e zajist\u00ed soudr\u017en\u00fd z\u00e1kaznick\u00fd z\u00e1\u017eitek.<\/span><\/p>\n

Elegantn\u011bj\u0161\u00ed z\u00e1\u017eitek s vektorov\u00fdmi mapami<\/b><\/p>\n

V reakci na zp\u011btnou vazbu z\u00e1kazn\u00edk\u016f Google p\u0159in\u00e1\u0161\u00ed vektorov\u00e9 mapy do na\u0161eho rozhran\u00ed API JavaScriptu. Na rozd\u00edl od rastrov\u00fdch dla\u017edic, kter\u00e9 se skl\u00e1daj\u00ed ze sady obr\u00e1zk\u016f, jsou vektorov\u00e9 mapy vykreslov\u00e1ny na stran\u011b klienta. To se prov\u00e1d\u00ed pomoc\u00ed WebGL, webov\u00e9 technologie, kter\u00e1 vyu\u017e\u00edv\u00e1 GPU na za\u0159\u00edzen\u00ed u\u017eivatele k tomu, aby nakreslila hlad\u0161\u00ed a ost\u0159ej\u0161\u00ed dla\u017edice mapy, kter\u00e9 vypadaj\u00ed skv\u011ble b\u011bhem u\u017eivatelsk\u00fdch interakc\u00ed, jako je posouv\u00e1n\u00ed a p\u0159ibli\u017eov\u00e1n\u00ed.<\/span><\/p>\n

D\u00edky vektorov\u00fdm map\u00e1m, kter\u00e9 jsou nyn\u00ed podporov\u00e1ny v JavaScriptu, Androidu a iOS, p\u0159in\u00e1\u0161\u00edme Marker Collision Management na v\u0161echny t\u0159i platformy. V\u00fdvoj\u00e1\u0159i nyn\u00ed mohou ur\u010dit, kter\u00e9 zna\u010dky maj\u00ed p\u0159ednost, a t\u00edm potla\u010dit informace o z\u00e1kladn\u00edm souboru. Zna\u010dky ji\u017e \u201enesr\u00e1\u017eej\u00ed\u201c ani nekonkuruj\u00ed sousedn\u00edm \u0161t\u00edtk\u016fm a jin\u00fdm informac\u00edm na map\u011b. To umo\u017e\u0148uje zobrazit mnohem v\u00edce informac\u00ed na map\u011b – jako bohat\u0161\u00ed POI nebo v\u00edce \u0161t\u00edtk\u016f – bez toho, aby byla mapa zapln\u011bn\u00e1 a ne\u010diteln\u00e1.\u00a0<\/span><\/p>\n

Zv\u00fd\u0161en\u00e1 kontrola nad POI zobrazen\u00fdmi na va\u0161ich map\u00e1ch<\/b><\/p>\n

Platforma Google Maps<\/a> Platform poskytuje informace o p\u0159ibli\u017en\u011b 200 milionech podnik\u016f a m\u00edst po cel\u00e9m sv\u011bt\u011b. A\u017e dosud byly v\u0161echny podniky seskupeny do jedn\u00e9 velk\u00e9 kategorie POI s n\u00e1zvem \u201ePodnik\u00e1n\u00ed\u201c. D\u00edky filtrov\u00e1n\u00ed Business POI Google p\u0159edstavuje p\u011bt podkategori\u00ed: ubytov\u00e1n\u00ed, nakupov\u00e1n\u00ed, j\u00eddlo a pit\u00ed, p\u016fj\u010dovna aut a \u010derpac\u00ed stanice. Nyn\u00ed m\u00e1te mo\u017enost rozhodnout, kter\u00e9 typy podnik\u016f se na map\u011b zobrazuj\u00ed, m\u00edsto abyste se museli rozhodovat o zobrazov\u00e1n\u00ed v\u0161ech podnik\u016f nebo ne. To znamen\u00e1, \u017ee maloobchodn\u00edk m\u016f\u017ee zobrazit nedalek\u00e9 restaurace nebo benz\u00ednov\u00e9 stanice, aby z\u00e1kazn\u00edk\u016fm pomohl napl\u00e1novat jejich v\u00fdlet, ale odfiltrovat n\u00e1kupn\u00ed body z\u00e1jmu, aby se zabr\u00e1nilo zobrazov\u00e1n\u00ed konkuren\u010dn\u00edch m\u00edst. Podobn\u011b si m\u016f\u017ee hotelov\u00fd \u0159et\u011bzec zvolit, aby na sv\u00e9 vyhled\u00e1vac\u00ed map\u011b zobrazoval POI s j\u00eddlem a pit\u00edm a nakupoval a filtroval um\u00edst\u011bn\u00ed konkurent\u016f.<\/span><\/p>\n

V pr\u016fb\u011bhu let Google experimentoval s optim\u00e1ln\u00edm po\u010dtem POI, kter\u00fd lze um\u00edstit na mapu. V\u0161echny tyto poznatky zasazuje do sv\u00fdch mapov\u00fdch dla\u017edic. Filtrov\u00e1n\u00ed v\u0161ak jednodu\u0161e ur\u010duje, kter\u00e9 POI se nebudou zobrazovat – co\u017e znamen\u00e1 m\u00e9n\u011b POI po pou\u017eit\u00ed filtrov\u00e1n\u00ed. \u0158\u00edzen\u00ed hustoty POI v\u00e1m umo\u017e\u0148uje zv\u00fd\u0161it nebo sn\u00ed\u017eit po\u010det POI zobrazen\u00fdch na map\u011b podle kategorie POI, tak\u017ee m\u016f\u017eete vyt\u00e1\u010det kategorie nejd\u016fle\u017eit\u011bj\u0161\u00ed pro sv\u00e9 z\u00e1kazn\u00edky. Tak\u017ee hotelov\u00fd \u0159et\u011bzec, kter\u00fd jsme pr\u00e1v\u011b zm\u00ednili, mohl potenci\u00e1ln\u00edm z\u00e1kazn\u00edk\u016fm uk\u00e1zat je\u0161t\u011b v\u00edce restaurac\u00ed, atrakc\u00ed a nakupov\u00e1n\u00ed v okol\u00ed.\u00a0<\/span><\/p>\n

Kdy\u017e zkombinujete spr\u00e1vu koliz\u00ed zna\u010dek, obchodn\u00ed POI filtrov\u00e1n\u00ed a kontrolu hustoty POI, m\u00e1te nyn\u00ed mo\u017enost vytvo\u0159it z\u00e1sadn\u011b u\u017eite\u010dn\u011bj\u0161\u00ed a vizu\u00e1ln\u011b rozli\u0161enou mapu, kter\u00e1 va\u0161im u\u017eivatel\u016fm poskytne skute\u010dnou hodnotu.\u00a0<\/span><\/p>\n

Za\u010d\u00edn\u00e1me<\/b><\/p>\n

Google vyd\u00e1v\u00e1 v\u0161echny tyto nov\u00e9 funkce p\u0159izp\u016fsoben\u00ed Map ve verzi beta a v p\u0159\u00ed\u0161t\u00edch t\u00fddnech se roz\u0161\u00ed\u0159\u00ed pro nov\u00e9 a st\u00e1vaj\u00edc\u00ed z\u00e1kazn\u00edky platformy Google Maps. Jakmile budou k dispozici pro v\u00e1\u0161 projekt, uvid\u00edte nov\u00e9 karty \u201eSpr\u00e1va map\u201c a \u201eStyly map\u201c v \u010d\u00e1sti Platformy Map Google v cloudov\u00e9 konzoli. Technick\u00e9 podrobnosti o p\u0159izp\u016fsoben\u00ed implementac\u00ed map <\/span>naleznete v dokumentaci<\/span> (<\/span>Android<\/span>, <\/span>iOS<\/span>, <\/span>Javascript<\/span>).<\/span><\/p>\n

Karty Spr\u00e1va map a Styly map se zobraz\u00ed v \u010d\u00e1sti Platformy Google Maps v Cloud Console.<\/span><\/p>\n

Tyto nov\u00e9 funkce p\u0159edstavuj\u00ed zcela nov\u00fd zp\u016fsob vytv\u00e1\u0159en\u00ed a spr\u00e1vy vlastn\u00edch map t\u00edm, \u017ee umo\u017e\u0148uj\u00ed roz\u0161\u00ed\u0159it styl map na dal\u0161\u00ed \u010dleny va\u0161eho t\u00fdmu a z\u00e1rove\u0148 zefektivnit proces publikov\u00e1n\u00ed a aktualizace.\u00a0<\/span><\/p>\n

Nav\u0161tivte Google <\/span>zde<\/span> a z\u00edskejte v\u00edce informac\u00ed o nejnov\u011bj\u0161\u00edch ozn\u00e1men\u00edch a ohl\u00e9dn\u011bte se za 15letou spoluprac\u00ed s platformou Map Google.<\/span><\/p>","protected":false},"excerpt":{"rendered":"

Lid\u00e9 kdekoli pou\u017e\u00edvaj\u00ed mapy, kter\u00e9 pom\u00e1haj\u00ed \u0159e\u0161it r\u016fzn\u00e9 pot\u0159eby, od navigace do obchodu s potravinami nebo zji\u0161\u0165ov\u00e1n\u00ed, kter\u00e9 restaurace jsou pobl\u00ed\u017e, a\u017e po nalezen\u00ed nejbli\u017e\u0161\u00ed l\u00e9k\u00e1rny. Z\u00e1kladn\u00ed mapa je pro u\u017eivatele u\u017eite\u010dn\u00e1, ale kdy\u017e se vrhnete na dal\u0161\u00ed kontext prost\u0159ednictv\u00edm zm\u011bn stylu nebo zaj\u00edmav\u00fdch m\u00edst (POI), z\u00e1\u017eitek z mapy se stane je\u0161t\u011b kontextn\u011bj\u0161\u00edm a u\u017eite\u010dn\u011bj\u0161\u00edm […]<\/p>\n","protected":false},"author":18,"featured_media":3148,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"content-type":"","footnotes":""},"categories":[3,101],"tags":[],"class_list":["post-3147","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-cloud-blog","category-google-maps"],"_links":{"self":[{"href":"https:\/\/cloudfresh.com\/cs\/wp-json\/wp\/v2\/posts\/3147","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/cloudfresh.com\/cs\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/cloudfresh.com\/cs\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/cloudfresh.com\/cs\/wp-json\/wp\/v2\/users\/18"}],"replies":[{"embeddable":true,"href":"https:\/\/cloudfresh.com\/cs\/wp-json\/wp\/v2\/comments?post=3147"}],"version-history":[{"count":0,"href":"https:\/\/cloudfresh.com\/cs\/wp-json\/wp\/v2\/posts\/3147\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/cloudfresh.com\/cs\/wp-json\/wp\/v2\/media\/3148"}],"wp:attachment":[{"href":"https:\/\/cloudfresh.com\/cs\/wp-json\/wp\/v2\/media?parent=3147"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/cloudfresh.com\/cs\/wp-json\/wp\/v2\/categories?post=3147"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/cloudfresh.com\/cs\/wp-json\/wp\/v2\/tags?post=3147"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}