{"id":3671,"date":"2014-08-07T08:57:01","date_gmt":"2014-08-06T23:57:01","guid":{"rendered":"https:\/\/gunmagisgeek.com\/wordpress\/?p=3671"},"modified":"2014-08-07T08:57:47","modified_gmt":"2014-08-06T23:57:47","slug":"post-3671","status":"publish","type":"post","link":"https:\/\/gunmagisgeek.com\/blog\/leaflet-js\/3671","title":{"rendered":"Leaflet.js\u3067\u4f5c\u6210\u3057\u305f\u5730\u56f3\u4e0a\u306b\u304a\u5929\u6c17\u60c5\u5831\u3092\u30aa\u30fc\u30d0\u30fc\u30ec\u30a4\u3059\u308b"},"content":{"rendered":"<p>\u4ee5\u524d\u3001\u300c<a href=\"https:\/\/gunmagisgeek.com\/blog\/map\/2656\">Google Map\u4e0a\u306b\u96f2\u3068\u5929\u6c17\u3092\u8868\u793a\u3059\u308b<\/a>\u300d\u3068\u3044\u3046\u8a18\u4e8b\u3092\u66f8\u304d\u307e\u3057\u305f\u304c\u3001\u6b8b\u5ff5\u306a\u3053\u3068\u306b<a href=\"https:\/\/gunmagisgeek.com\/blog\/google-map-api\/3556\">\u300c\u304a\u5929\u6c17\uff06\u96f2\u30ec\u30a4\u30e4\u300d\u3068\u300cPanoramio\u30ec\u30a4\u30e4\u300d\u306f2015\u5e74\u306b\u5ec3\u6b62\u3055\u308c\u308b<\/a>\u305d\u3046\u306a\u306e\u3067\u3001\u305d\u306e\u4ee3\u6848\u3068\u3057\u3066\u300c<a href=\"http:\/\/openweathermap.org\/api\">OpenWeatherMap API<\/a>\u300d\u3092\u5229\u7528\u3057\u3066\u307f\u307e\u3057\u305f\u3002<\/p>\n<p>OpenWeatherMap\u3067\u306f\u3001\u69d8\u3005\u306a\u6c17\u8c61\u30c7\u30fc\u30bf\u304c\u53d6\u5f97\u3067\u304d\u308b\u306e\u3067\u3059\u304c\u3001\u4eca\u56de\u306fAPI key\u3082\u5fc5\u8981\u306a\u304f\u7c21\u5358\u306b\u4f7f\u3048\u308b\u753b\u50cf\u30bf\u30a4\u30eb\u30c7\u30fc\u30bf\u3092Leaflet.js\u306b\u8aad\u307f\u8fbc\u3093\u3067\u8868\u793a\u3057\u3066\u3044\u307e\u3059\u3002<\/p>\n<h2>\u30b5\u30f3\u30d7\u30eb<\/h2>\n<p>OpenWeatherMap\u304b\u3089\u300c\u964d\u6c34\u4e88\u6e2c\u300d\u300c\u96f2\u300d\u300c\u6c17\u5727\u56f3\u300d\u306e\u30bf\u30a4\u30eb\u753b\u50cf\u3092\u8aad\u307f\u8fbc\u307f\u5730\u56f3\u4e0a\u306b\u30aa\u30fc\u30d0\u30fc\u30ec\u30a4\u3057\u3066\u8868\u793a\u3057\u3066\u3044\u307e\u3059\u3002<br \/>\n<a href=\"http:\/\/shimz.me\/example\/leaflet\/openweathermap\/index.html#4\/33.28\/135.22\"><img loading=\"lazy\" decoding=\"async\" src=\"http:\/\/gunmagisgeek.com\/blog\/wp-content\/uploads\/2014\/08\/openweathermap140706-2.jpg\" alt=\"Leaflet.js\u3067\u4f5c\u6210\u3057\u305f\u5730\u56f3\u4e0a\u306b\u304a\u5929\u6c17\u60c5\u5831\u3092\u30aa\u30fc\u30d0\u30fc\u30ec\u30a4\u3059\u308b\" width=\"590\" height=\"282\" class=\"aligncenter size-full wp-image-3673\" srcset=\"https:\/\/gunmagisgeek.com\/blog\/wp-content\/uploads\/2014\/08\/openweathermap140706-2.jpg 590w, https:\/\/gunmagisgeek.com\/blog\/wp-content\/uploads\/2014\/08\/openweathermap140706-2-300x143.jpg 300w\" sizes=\"auto, (max-width: 590px) 100vw, 590px\" \/><\/a><\/p>\n<p><a href=\"http:\/\/shimz.me\/example\/leaflet\/openweathermap\/index.html#4\/33.28\/135.26\">example<\/a><\/p>\n<pre class=\"lang:js decode:true \" >\/\/\u30aa\u30fc\u30d7\u30f3\u30b9\u30c8\u30ea\u30fc\u30c8\u30de\u30c3\u30d7\u30ec\u30a4\u30e4\u30fc\u8a2d\u5b9a\r\nvar osm = L.tileLayer('http:\/\/{s}.tile.osm.org\/{z}\/{x}\/{y}.png', {\r\n\t\tattribution: '&amp;copy; &lt;a href=\"http:\/\/osm.org\/copyright\"&gt;OpenStreetMap&lt;\/a&gt; contributors'\r\n\t});\r\n\r\n\/\/\u5730\u7406\u9662\u30bf\u30a4\u30eb\uff08\u6a19\u6e96\u5730\u56f3\uff09\u30ec\u30a4\u30e4\u30fc\u8a2d\u5b9a\t\r\nvar std = new  L.tileLayer(\r\n\t'http:\/\/cyberjapandata.gsi.go.jp\/xyz\/std\/{z}\/{x}\/{y}.png',\r\n\t{\r\n\t\tattribution: \"\u5730\u7406\u9662\u30bf\u30a4\u30eb\uff08\u6a19\u6e96\u5730\u56f3\uff09\", \r\n\t});\r\n\r\n\t\r\n\/**********************************************************\r\n * OpenWeatherMap \r\n **********************************************************\/\t\r\nvar pf = new  L.tileLayer(\r\n\t'http:\/\/{s}.tile.openweathermap.org\/map\/precipitation\/{z}\/{x}\/{y}.png',\r\n\t{\r\n\t\tattribution: '&lt;a href=\"\"&gt;\u964d\u6c34\u4e88\u6e2c&lt;a&gt;',\r\n\t\topacity:0.8\r\n\t});\r\n\t\r\nvar cf = new  L.tileLayer(\r\n\t'http:\/\/{s}.tile.openweathermap.org\/map\/clouds\/{z}\/{x}\/{y}.png',\r\n\t{\r\n\t\tattribution: '&lt;a href=\"\"&gt;\u96f2\u306e\u4e88\u6e2c&lt;\/a&gt;',\r\n\t\topacity:0.8\r\n\t});\r\n\t\r\nvar pcf = new  L.tileLayer(\r\n\t'http:\/\/{s}.tile.openweathermap.org\/map\/pressure_cntr\/{z}\/{x}\/{y}.png',\r\n\t{\r\n\t\tattribution: '&lt;a href=\"\"&gt;\u6c17\u5727\u56f3&lt;\/a&gt;',\r\n\t\topacity:1\r\n\t});\r\n\/\/ OWN end\t\r\n\t\r\n\r\n\t\r\n\/\/\u5730\u56f3\u521d\u671f\u5316\t\r\nvar map = L.map(\"map\", {\r\n\t\tcenter: [37.09, 138.52], zoom: 4,\r\n\t\tlayers: [std,cf,pf,pcf]\r\n\t});\r\n\r\n\t\r\n\t\r\n\/\/\u30d9\u30fc\u30b9\u30ec\u30a4\u30e4\u30fc\u30b0\u30eb\u30fc\u30d7\u5316\r\nvar baseMaps = {\r\n    \"Mapbox(osm)\": osm,\r\n    \"\u5730\u7406\u9662\u30bf\u30a4\u30eb\uff08\u6a19\u6e96\u5730\u56f3\uff09\": std\r\n};\r\n\r\n\/\/\u30aa\u30fc\u30d0\u30ec\u30a4\u30e4\u30fc\u30b0\u30eb\u30fc\u30d7\u5316\r\nvar overlayMaps = {\r\n\t\"\u96f2\u306e\u4e88\u6e2c\": cf,\r\n    \"\u964d\u6c34\u4e88\u6e2c\": pf,\r\n\t\"\u6c17\u5727\u56f3\": pcf,\r\n};\r\n\r\n\/\/\u30ec\u30a4\u30e4\u30fc\u30b3\u30f3\u30c8\u30ed\u30fc\u30eb\u8ffd\u52a0\r\nL.control.scale({imperial: false}).addTo(map);\r\nL.control.layers(baseMaps, overlayMaps).addTo(map);\r\n<\/pre>\n","protected":false},"excerpt":{"rendered":"<p>\u4ee5\u524d\u3001\u300cGoogle Map\u4e0a\u306b\u96f2\u3068\u5929\u6c17\u3092\u8868\u793a\u3059\u308b&hellip;<\/p>\n","protected":false},"author":1,"featured_media":3673,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[55],"tags":[],"class_list":["post-3671","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-leaflet-js","has-post-thumbnail-archive"],"_links":{"self":[{"href":"https:\/\/gunmagisgeek.com\/blog\/wp-json\/wp\/v2\/posts\/3671","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/gunmagisgeek.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/gunmagisgeek.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/gunmagisgeek.com\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/gunmagisgeek.com\/blog\/wp-json\/wp\/v2\/comments?post=3671"}],"version-history":[{"count":0,"href":"https:\/\/gunmagisgeek.com\/blog\/wp-json\/wp\/v2\/posts\/3671\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/gunmagisgeek.com\/blog\/wp-json\/wp\/v2\/media\/3673"}],"wp:attachment":[{"href":"https:\/\/gunmagisgeek.com\/blog\/wp-json\/wp\/v2\/media?parent=3671"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/gunmagisgeek.com\/blog\/wp-json\/wp\/v2\/categories?post=3671"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/gunmagisgeek.com\/blog\/wp-json\/wp\/v2\/tags?post=3671"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}