{"id":417,"date":"2023-10-06T08:41:05","date_gmt":"2023-10-06T06:41:05","guid":{"rendered":"https:\/\/merkulova.thkit.ee\/wp20\/?page_id=417"},"modified":"2023-10-06T08:41:06","modified_gmt":"2023-10-06T06:41:06","slug":"webapi-kml","status":"publish","type":"page","link":"https:\/\/merkulova.thkit.ee\/wp20\/webapi-kml\/","title":{"rendered":"WebAPI\/KML"},"content":{"rendered":"\n

<\/h1>\n\n\n\n

1)WebAPI m\u00e4\u00e4ratlus \/ selgitus, mis see on ja kuidas v\u00f5tit hankida<\/p>\n\n\n\n

Web API on rakenduste programmeerimisliides veebiserveri v\u00f5i veebibrauseri jaoks.<\/p>\n\n\n\n

Ma v\u00f5tan naiteks Yandex We<\/p>\n\n\n\n

Me peame Yandexis tokeni saama<\/p>\n\n\n\n

Link:<\/p>\n\n\n\n

\nhttps:\/\/yandex.com\/dev\/keys\/\n<\/div><\/figure>\n\n\n\n
\"\"
Ja siis kui me teeme meie \u00e4ppi, saame seda token kasutada.<\/figcaption><\/figure>\n\n\n\n

2)Mis on KML \/ definitsioon \/ ja kuidas (kirjeldus) oma saidile kaarti koostada. Teie kodune aadress peab olema kaardil<\/p>\n\n\n\n

KML on failivorming, mida kasutatakse geograafiliste andmete kuvamiseks sellistes geobrauserites nagu Google Planet Earth, Google Maps ja Google Maps mobiilseadmetele. KML p\u00f5hineb XML-standardil ja kasutab pesastatud elementide ja atribuutidega sildip\u00f5hist struktuuri.<\/td><\/tr><\/tbody><\/table><\/figure>\n\n\n\n

Minu kaart<\/strong><\/h2>\n\n\n\n

Looge fail kaart.js ja kirjutage sinna see kood:<\/p>\n\n\n\n

Html kood:<\/p>\n\n\n

\n&lt;!DOCTYPE html>\n\n&lt;html>\n&lt;head>\n    &lt;meta http-equiv="Content-Type" content="text\/html; charset=utf-8" \/>\n    &lt;title>\u041f\u0440\u0438\u043c\u0435\u0440\u044b. \u0420\u0430\u0437\u043c\u0435\u0449\u0435\u043d\u0438\u0435 \u043a\u0430\u0440\u0442\u044b \u043d\u0430 \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u0435.&lt;\/title>\n    &lt;script src="https:\/\/api-maps.yandex.ru\/2.0\/?load=package.standard&amp;amp;lang=ru-RU&amp;amp;apikey=pdct.1.1.20221020T082354Z.3bce5400dba51223.0b1bad6098e595037f80e453584ce1439ee1f6b5" type="text\/javascript">&lt;\/script>\n    &lt;link href="https:\/\/yandex.st\/bootstrap\/2.2.2\/css\/bootstrap.min.css" rel="stylesheet">\n    &lt;script src="https:\/\/yandex.st\/jquery\/1.8.0\/jquery.min.js" type="text\/javascript">&lt;\/script>\n    &lt;script src="map.js" type="text\/javascript">&lt;\/script>\n    &lt;style>\n        html, body, #map {\n            width: 100%;\n            height: 100%;\n            margin: 0;\n            padding: 0;\n        }\n    &lt;\/style>\n&lt;\/head>\n\n&lt;body>\n&lt;div id="map">&lt;\/div>\n&lt;\/body>\n\n&lt;\/html>\n<\/pre><\/div>\n\n\n
Javascript kood:<\/p>\n\n\n
\nvar myMap;\n\n\/\/ \u0414\u043e\u0436\u0434\u0451\u043c\u0441\u044f \u0437\u0430\u0433\u0440\u0443\u0437\u043a\u0438 API \u0438 \u0433\u043e\u0442\u043e\u0432\u043d\u043e\u0441\u0442\u0438 DOM.\nymaps.ready(init);\nfunction init () {\n    var myMap = new ymaps.Map('map', {\n            center:[59.4544927, 24.878115509635922],\n            zoom:16,\n            type: 'yandex#hybrid'\n        }),\n\n        ZoomLayout = ymaps.templateLayoutFactory.createClass("&lt;div>" +\n            "&lt;div id='zoom-in' class='btn'>&lt;i class='icon-plus'>&lt;\/i>&lt;\/div>&lt;br>" +\n            "&lt;div id='zoom-out' class='btn'>&lt;i class='icon-minus'>&lt;\/i>&lt;\/div>" +\n            "&lt;\/div>", {\n\n            build: function () {\n                ZoomLayout.superclass.build.call(this);\n\n                this.zoomInCallback = ymaps.util.bind(this.zoomIn, this);\n                this.zoomOutCallback = ymaps.util.bind(this.zoomOut, this);\n\n                $('#zoom-in').bind('click', this.zoomInCallback);\n                $('#zoom-out').bind('click', this.zoomOutCallback);\n            },\n\n            clear: function () {\n                $('#zoom-in').unbind('click', this.zoomInCallback);\n                $('#zoom-out').unbind('click', this.zoomOutCallback);\n\n                ZoomLayout.superclass.clear.call(this);\n            },\n\n            zoomIn: function () {\n                var map = this.getData().control.getMap();\n                this.events.fire('zoomchange', {\n                    oldZoom: map.getZoom(),\n                    newZoom: map.getZoom() + 1\n                });\n            },\n\n            zoomOut: function () {\n                var map = this.getData().control.getMap();\n                this.events.fire('zoomchange', {\n                    oldZoom: map.getZoom(),\n                    newZoom: map.getZoom() - 1\n                });\n            }\n        }),\n\n        zoomControl = new ymaps.control.SmallZoomControl({\n            layout: ZoomLayout\n        });\n\n    myMap.controls.add(zoomControl, {left: 5, top: 5});\n    myPlacemark = new ymaps.Placemark([59.4544927, 24.878115509635922], {\n        balloonContentBody: "Tallinn",\n    });\n\n    myMap.geoObjects.add(myPlacemark);\n}\n\n<\/pre><\/div>\n\n\n
3.<\/p>\n\n\n\n
Minu kaart<\/strong><\/p>\n\n\n\n
Minu kaart \u2013> MapApi<\/a><\/p>\n\n\n\n
4.<\/p>\n\n\n\n
Minu pool valitud WeatherApi<\/strong><\/p>\n\n\n\n
Leidsin Internetist lehe koodi, mis API v\u00f5tme abil ilma n\u00e4itab<\/p>\n\n\n\n
Kood on v\u00f5etud sellest saidist -> Click<\/a><\/p>\n\n\n\n
Ilmateate veebisait, mis kasutab API-v\u00f5tit WeatherApi<\/a><\/p>\n","protected":false},"excerpt":{"rendered":"
1)WebAPI m\u00e4\u00e4ratlus \/ selgitus, mis see on ja kuidas v\u00f5tit hankida Web API on rakenduste programmeerimisliides veebiserveri v\u00f5i veebibrauseri jaoks. Ma v\u00f5tan naiteks Yandex We Me peame Yandexis tokeni saama Link: 2)Mis on KML \/ definitsioon \/ ja kuidas (kirjeldus) oma saidile kaarti koostada. Teie kodune aadress peab olema kaardil KML on failivorming, mida kasutatakse […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-417","page","type-page","status-publish","hentry"],"yoast_head":"\nWebAPI\/KML - Irina Merkulova õpimapp | portfoolio<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/merkulova.thkit.ee\/wp20\/webapi-kml\/\" \/>\n<meta property=\"og:locale\" content=\"et_EE\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"WebAPI\/KML - Irina Merkulova õpimapp | portfoolio\" \/>\n<meta property=\"og:description\" content=\"1)WebAPI m\u00e4\u00e4ratlus \/ selgitus, mis see on ja kuidas v\u00f5tit hankida Web API on rakenduste programmeerimisliides veebiserveri v\u00f5i veebibrauseri jaoks. Ma v\u00f5tan naiteks Yandex We Me peame Yandexis tokeni saama Link: 2)Mis on KML \/ definitsioon \/ ja kuidas (kirjeldus) oma saidile kaarti koostada. Teie kodune aadress peab olema kaardil KML on failivorming, mida kasutatakse […]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/merkulova.thkit.ee\/wp20\/webapi-kml\/\" \/>\n<meta property=\"og:site_name\" content=\"Irina Merkulova õpimapp | portfoolio\" \/>\n<meta property=\"article:modified_time\" content=\"2023-10-06T06:41:06+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/blinov20.thkit.ee\/wp\/wp-content\/uploads\/2022\/10\/image-35-700x259.png\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"2 minutit\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/merkulova.thkit.ee\/wp20\/webapi-kml\/\",\"url\":\"https:\/\/merkulova.thkit.ee\/wp20\/webapi-kml\/\",\"name\":\"WebAPI\/KML - Irina Merkulova õpimapp | portfoolio\",\"isPartOf\":{\"@id\":\"https:\/\/merkulova.thkit.ee\/wp20\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/merkulova.thkit.ee\/wp20\/webapi-kml\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/merkulova.thkit.ee\/wp20\/webapi-kml\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/blinov20.thkit.ee\/wp\/wp-content\/uploads\/2022\/10\/image-35-700x259.png\",\"datePublished\":\"2023-10-06T06:41:05+00:00\",\"dateModified\":\"2023-10-06T06:41:06+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/merkulova.thkit.ee\/wp20\/webapi-kml\/#breadcrumb\"},\"inLanguage\":\"et\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/merkulova.thkit.ee\/wp20\/webapi-kml\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"et\",\"@id\":\"https:\/\/merkulova.thkit.ee\/wp20\/webapi-kml\/#primaryimage\",\"url\":\"https:\/\/blinov20.thkit.ee\/wp\/wp-content\/uploads\/2022\/10\/image-35-700x259.png\",\"contentUrl\":\"https:\/\/blinov20.thkit.ee\/wp\/wp-content\/uploads\/2022\/10\/image-35-700x259.png\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/merkulova.thkit.ee\/wp20\/webapi-kml\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"\u0413\u043b\u0430\u0432\u043d\u0430\u044f \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u0430\",\"item\":\"https:\/\/merkulova.thkit.ee\/wp20\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"WebAPI\/KML\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/merkulova.thkit.ee\/wp20\/#website\",\"url\":\"https:\/\/merkulova.thkit.ee\/wp20\/\",\"name\":\"Veebirakenduse portfoolio\",\"description\":\"Noorem Tarkvaraarendaja eriala\",\"publisher\":{\"@id\":\"https:\/\/merkulova.thkit.ee\/wp20\/#\/schema\/person\/3e81f4867c46822cdeca159fa89142ae\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/merkulova.thkit.ee\/wp20\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"et\"},{\"@type\":[\"Person\",\"Organization\"],\"@id\":\"https:\/\/merkulova.thkit.ee\/wp20\/#\/schema\/person\/3e81f4867c46822cdeca159fa89142ae\",\"name\":\"admin\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"et\",\"@id\":\"https:\/\/merkulova.thkit.ee\/wp20\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/4c53fa504772b2274d9d09d84825a2c569865fca538b5b70247d8f1668b9eb51?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/4c53fa504772b2274d9d09d84825a2c569865fca538b5b70247d8f1668b9eb51?s=96&d=mm&r=g\",\"caption\":\"admin\"},\"logo\":{\"@id\":\"https:\/\/merkulova.thkit.ee\/wp20\/#\/schema\/person\/image\/\"},\"sameAs\":[\"https:\/\/merkulova.thkit.ee\/wp20\"]}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"WebAPI\/KML - Irina Merkulova õpimapp | portfoolio","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/merkulova.thkit.ee\/wp20\/webapi-kml\/","og_locale":"et_EE","og_type":"article","og_title":"WebAPI\/KML - Irina Merkulova õpimapp | portfoolio","og_description":"1)WebAPI m\u00e4\u00e4ratlus \/ selgitus, mis see on ja kuidas v\u00f5tit hankida Web API on rakenduste programmeerimisliides veebiserveri v\u00f5i veebibrauseri jaoks. Ma v\u00f5tan naiteks Yandex We Me peame Yandexis tokeni saama Link: 2)Mis on KML \/ definitsioon \/ ja kuidas (kirjeldus) oma saidile kaarti koostada. Teie kodune aadress peab olema kaardil KML on failivorming, mida kasutatakse […]","og_url":"https:\/\/merkulova.thkit.ee\/wp20\/webapi-kml\/","og_site_name":"Irina Merkulova õpimapp | portfoolio","article_modified_time":"2023-10-06T06:41:06+00:00","og_image":[{"url":"https:\/\/blinov20.thkit.ee\/wp\/wp-content\/uploads\/2022\/10\/image-35-700x259.png","type":"","width":"","height":""}],"twitter_card":"summary_large_image","twitter_misc":{"Est. reading time":"2 minutit"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/merkulova.thkit.ee\/wp20\/webapi-kml\/","url":"https:\/\/merkulova.thkit.ee\/wp20\/webapi-kml\/","name":"WebAPI\/KML - Irina Merkulova õpimapp | portfoolio","isPartOf":{"@id":"https:\/\/merkulova.thkit.ee\/wp20\/#website"},"primaryImageOfPage":{"@id":"https:\/\/merkulova.thkit.ee\/wp20\/webapi-kml\/#primaryimage"},"image":{"@id":"https:\/\/merkulova.thkit.ee\/wp20\/webapi-kml\/#primaryimage"},"thumbnailUrl":"https:\/\/blinov20.thkit.ee\/wp\/wp-content\/uploads\/2022\/10\/image-35-700x259.png","datePublished":"2023-10-06T06:41:05+00:00","dateModified":"2023-10-06T06:41:06+00:00","breadcrumb":{"@id":"https:\/\/merkulova.thkit.ee\/wp20\/webapi-kml\/#breadcrumb"},"inLanguage":"et","potentialAction":[{"@type":"ReadAction","target":["https:\/\/merkulova.thkit.ee\/wp20\/webapi-kml\/"]}]},{"@type":"ImageObject","inLanguage":"et","@id":"https:\/\/merkulova.thkit.ee\/wp20\/webapi-kml\/#primaryimage","url":"https:\/\/blinov20.thkit.ee\/wp\/wp-content\/uploads\/2022\/10\/image-35-700x259.png","contentUrl":"https:\/\/blinov20.thkit.ee\/wp\/wp-content\/uploads\/2022\/10\/image-35-700x259.png"},{"@type":"BreadcrumbList","@id":"https:\/\/merkulova.thkit.ee\/wp20\/webapi-kml\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"\u0413\u043b\u0430\u0432\u043d\u0430\u044f \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u0430","item":"https:\/\/merkulova.thkit.ee\/wp20\/"},{"@type":"ListItem","position":2,"name":"WebAPI\/KML"}]},{"@type":"WebSite","@id":"https:\/\/merkulova.thkit.ee\/wp20\/#website","url":"https:\/\/merkulova.thkit.ee\/wp20\/","name":"Veebirakenduse portfoolio","description":"Noorem Tarkvaraarendaja eriala","publisher":{"@id":"https:\/\/merkulova.thkit.ee\/wp20\/#\/schema\/person\/3e81f4867c46822cdeca159fa89142ae"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/merkulova.thkit.ee\/wp20\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"et"},{"@type":["Person","Organization"],"@id":"https:\/\/merkulova.thkit.ee\/wp20\/#\/schema\/person\/3e81f4867c46822cdeca159fa89142ae","name":"admin","image":{"@type":"ImageObject","inLanguage":"et","@id":"https:\/\/merkulova.thkit.ee\/wp20\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/4c53fa504772b2274d9d09d84825a2c569865fca538b5b70247d8f1668b9eb51?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/4c53fa504772b2274d9d09d84825a2c569865fca538b5b70247d8f1668b9eb51?s=96&d=mm&r=g","caption":"admin"},"logo":{"@id":"https:\/\/merkulova.thkit.ee\/wp20\/#\/schema\/person\/image\/"},"sameAs":["https:\/\/merkulova.thkit.ee\/wp20"]}]}},"_links":{"self":[{"href":"https:\/\/merkulova.thkit.ee\/wp20\/wp-json\/wp\/v2\/pages\/417","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/merkulova.thkit.ee\/wp20\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/merkulova.thkit.ee\/wp20\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/merkulova.thkit.ee\/wp20\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/merkulova.thkit.ee\/wp20\/wp-json\/wp\/v2\/comments?post=417"}],"version-history":[{"count":1,"href":"https:\/\/merkulova.thkit.ee\/wp20\/wp-json\/wp\/v2\/pages\/417\/revisions"}],"predecessor-version":[{"id":419,"href":"https:\/\/merkulova.thkit.ee\/wp20\/wp-json\/wp\/v2\/pages\/417\/revisions\/419"}],"wp:attachment":[{"href":"https:\/\/merkulova.thkit.ee\/wp20\/wp-json\/wp\/v2\/media?parent=417"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}