\nHa egy helyjelz\u0151vel ell\u00e1tott Google t\u00e9rk\u00e9pet szeretne beilleszteni a weboldal\u00e1ba, beszereznie kell egy speci\u00e1lis szoftverkulcsot a Google-t\u00f3l, majd hozz\u00e1 kell adnia a megfelel\u0151 JavaScript-et az oldalhoz. B\u00e1r a folyamat egyszer\u0171, seg\u00edt legal\u00e1bb fel\u00fcletes HTML \u00e9s JavaScript h\u00e1tt\u00e9rismeretekben.\n<\/p>\n
\nAnnak \u00e9rdek\u00e9ben, hogy megv\u00e9dje szervereit att\u00f3l, hogy t\u00e9rk\u00e9pekkel \u00e9s helykeres\u00e9ssel kapcsolatos k\u00e9r\u00e9sek bomb\u00e1zz\u00e1k, a Google korl\u00e1tozza a hozz\u00e1f\u00e9r\u00e9st a Maps adatb\u00e1zis\u00e1hoz. Regisztr\u00e1lnia kell a Google-n\u00e1l fejleszt\u0151k\u00e9nt, hogy egyedi kulcsot kapjon az Alkalmaz\u00e1s-programoz\u00e1si fel\u00fclet haszn\u00e1lat\u00e1hoz, hogy adatokat k\u00e9rjen a Maps szerverekr\u0151l. Az API kulcs ingyenes, hacsak nem ig\u00e9nyel nagy ig\u00e9nybev\u00e9telt a Google szervereihez (p\u00e9ld\u00e1ul egy webalkalmaz\u00e1s fejleszt\u00e9s\u00e9hez).\n<\/p>\n
\nAz API kulcs regisztr\u00e1l\u00e1s\u00e1hoz:\n<\/p>\n
\nL\u00e9pjen a Google Cloud Platform Console-ba, \u00e9s miut\u00e1n bejelentkezett a Google-fi\u00f3kj\u00e1val, vagy hozzon l\u00e9tre egy \u00faj projektet, vagy v\u00e1lasszon ki egy megl\u00e9v\u0151t.\n<\/p>\n<\/li>\n
\nKattints folytat\u00f3dik<\/strong> az API \u00e9s az \u00f6sszes kapcsol\u00f3d\u00f3 szolg\u00e1ltat\u00e1s enged\u00e9lyez\u00e9s\u00e9hez.\n<\/p>\n<\/li>\n \nA Hiteles\u00edt\u0151 adatok<\/strong> oldalt, kap egy API kulcsot<\/strong>. Sz\u00fcks\u00e9g eset\u00e9n \u00e1ll\u00edtsa be a kulcsra vonatkoz\u00f3 korl\u00e1toz\u00e1sokat.\n<\/p>\n<\/li>\n \nBiztos\u00edtsa API kulcs\u00e1t a Google \u00e1ltal aj\u00e1nlott bev\u00e1lt m\u00f3dszerekkel.\n<\/p>\n<\/li>\n<\/ol>\n \nHa \u00fagy gondolja, hogy a t\u00e9rk\u00e9pet gyakrabban kell megjelen\u00edtenie, mint amennyit az ingyenes kv\u00f3ta megenged, \u00e1ll\u00edtson be sz\u00e1ml\u00e1z\u00e1si meg\u00e1llapod\u00e1st a Google-lal. A legt\u00f6bb webhely - k\u00fcl\u00f6n\u00f6sen az alacsony forgalm\u00fa blogok vagy a niche-oldalak - val\u00f3sz\u00edn\u0171leg nem fogyasztj\u00e1k el a kv\u00f3ta allok\u00e1ci\u00f3j\u00e1nak nagy r\u00e9sz\u00e9t.\n<\/p>\n \nHelyezze be a k\u00f6vetkez\u0151 k\u00f3dot a weboldal\u00e1ba, a HTML dokumentum BODY r\u00e9sz\u00e9be:\n<\/p>\n \/\/ A t\u00e9rk\u00e9p inicializ\u00e1l\u00e1sa \u00e9s hozz\u00e1ad\u00e1sa <script async defer Ha egy helyjelz\u0151vel ell\u00e1tott Google t\u00e9rk\u00e9pet szeretne beilleszteni a weboldal\u00e1ba, beszereznie kell egy speci\u00e1lis szoftverkulcsot a Google-t\u00f3l, majd hozz\u00e1 kell adnia a megfelel\u0151 JavaScript-et az oldalhoz. B\u00e1r a folyamat egyszer\u0171, seg\u00edt legal\u00e1bb fel\u00fcletes HTML \u00e9s JavaScript h\u00e1tt\u00e9rismeretekben. Szerezzen be egy Google Maps API-kulcsot Annak \u00e9rdek\u00e9ben, hogy megv\u00e9dje szervereit att\u00f3l, hogy t\u00e9rk\u00e9pekkel \u00e9s helykeres\u00e9ssel kapcsolatos k\u00e9r\u00e9sek … Olvass tov\u00e1bb<\/a><\/p>\n","protected":false},"author":768,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[2],"tags":[],"class_list":["post-2088","post","type-post","status-publish","format-standard","hentry","category-wiki"],"_links":{"self":[{"href":"https:\/\/megnyitasa.com\/blog\/wp-json\/wp\/v2\/posts\/2088","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/megnyitasa.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/megnyitasa.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/megnyitasa.com\/blog\/wp-json\/wp\/v2\/users\/768"}],"replies":[{"embeddable":true,"href":"https:\/\/megnyitasa.com\/blog\/wp-json\/wp\/v2\/comments?post=2088"}],"version-history":[{"count":0,"href":"https:\/\/megnyitasa.com\/blog\/wp-json\/wp\/v2\/posts\/2088\/revisions"}],"wp:attachment":[{"href":"https:\/\/megnyitasa.com\/blog\/wp-json\/wp\/v2\/media?parent=2088"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/megnyitasa.com\/blog\/wp-json\/wp\/v2\/categories?post=2088"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/megnyitasa.com\/blog\/wp-json\/wp\/v2\/tags?post=2088"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}} Helyezze be a JavaScriptet a weboldal\u00e1ba <\/h2>\n
f\u00fcggv\u00e9ny initMap () {
\/\/ A z\u00e1szl\u00f3 helye
var flag = {lat: XXX, lng: YYY};
\/\/ A t\u00e9rk\u00e9p, k\u00f6z\u00e9pen a z\u00e1szl\u00f3val
var map = \u00faj google.maps.Map (
document.getElementById ('t\u00e9rk\u00e9p'), {zoom: 4, center: flag});
\/\/ A jel\u00f6l\u0151 a z\u00e1szl\u00f3n\u00e1l helyezkedik el
var marker = new google.maps.Marker ({poz\u00edci\u00f3: z\u00e1szl\u00f3, t\u00e9rk\u00e9p: t\u00e9rk\u00e9p});
}<\/p>\n
src = \"https:\/\/maps.googleapis.com\/maps\/api\/js?key=YOUR_API_KEY&callback=initMap\"><\/p>\n","protected":false},"excerpt":{"rendered":"