{"id":4384,"date":"2015-07-13T18:50:11","date_gmt":"2015-07-13T09:50:11","guid":{"rendered":"https:\/\/gunmagisgeek.com\/wordpress\/?p=4384"},"modified":"2019-01-18T10:54:36","modified_gmt":"2019-01-18T01:54:36","slug":"post-4384","status":"publish","type":"post","link":"https:\/\/gunmagisgeek.com\/blog\/leaflet-js\/4384","title":{"rendered":"Charlotte(\u30b7\u30e3\u30fc\u30ed\u30c3\u30c8)\uff12\u8a71\u306b\u51fa\u3066\u304d\u305f\u5730\u56f3\u306eleaflet\u7248\u4f5c\u3063\u305f\u3002"},"content":{"rendered":"<p>\u5730\u7406\u9662\u5730\u56f3\u2026\u2026\u304a\u524d\u3001\u5730\u7406\u9662\u5730\u56f3\u3058\u3083\u306a\u3044\u304b\uff01<\/p>\n<p><a href=\"http:\/\/shimz.me\/example\/leaflet\/csstransforms\/index.html\"><img loading=\"lazy\" decoding=\"async\" src=\"http:\/\/gunmagisgeek.com\/blog\/wp-content\/uploads\/2015\/07\/charlotteMaps.jpg\" alt=\"charlotte Maps\" width=\"599\" height=\"337\" class=\"aligncenter size-full wp-image-4385\" srcset=\"https:\/\/gunmagisgeek.com\/blog\/wp-content\/uploads\/2015\/07\/charlotteMaps.jpg 599w, https:\/\/gunmagisgeek.com\/blog\/wp-content\/uploads\/2015\/07\/charlotteMaps-267x150.jpg 267w\" sizes=\"auto, (max-width: 599px) 100vw, 599px\" \/><\/a><br \/>\n\u3068\u3044\u3046\u308f\u3051\u3067\u3001leaflet\u7248\u4f5c\u3063\u3066\u307f\u307e\u3057\u305f\u3002<br \/>\n\u30ba\u30fc\u30e0\u3082\u30d1\u30f3\u3082\u3067\u304d\u308b\u3088\uff01\uff3c(^\u03c9^\uff3c)( \/^\u03c9^)\/<br \/>\n\u30db\u30f3\u30c8\u306f\u5730\u56f3\u306e\u5411\u304d\u3082\u5408\u308f\u305b\u3088\u3046\u304b\u3068\u601d\u3063\u305f\u306e\u3067\u3059\u304c\u3001\u898b\u3065\u3089\u304f\u306a\u308b\u306e\u3068\u64cd\u4f5c\u3057\u3065\u3089\u304f\u306a\u308b\u306e\u3067\u3084\u3081\u307e\u3057\u305f\u3002<\/p>\n<p><iframe loading=\"lazy\" width=\"599\" height=\"332\" scrolling=\"no\" style=\"border:none\" src=\"https:\/\/shimz.me\/example\/leaflet\/csstransforms\/index.html\" class=\"aligncenter\"><\/iframe><\/p>\n<p><a href=\"https:\/\/shimz.me\/example\/leaflet\/csstransforms\/index.html\">example<\/a><\/p>\n<p>\u4e00\u5fdc\u3001\u6700\u65b0\u7248\u306eChrome\u3068Firefox\u3067\u52d5\u4f5c\u78ba\u8a8d\u3057\u3066\u307e\u3059\u3002IE\u3082ver.10\u306a\u3089\u52d5\u304f\u307f\u305f\u3044\u3067\u3059\u3002<\/p>\n<p>\u5236\u4f5c\u59d4\u54e1\u4f1a\u306b\u6012\u3089\u308c\u305f\u3089\u3001\u3084\u3081\u308b\u306d\uff01<\/p>\n<h2>\u89e3\u8aac<\/h2>\n<p>\u5730\u56f3\u90e8\u5206\u3092\u900f\u660e\u8272\u3067\u304f\u308a\u629c\u3044\u305f\u753b\u50cf\u3092Leaflet\u306e\u4e0a\u306b\u91cd\u306d\u3066\u3044\u308b\u3060\u3051\u3067\u3059\u3002<br \/>\n\u5730\u56f3\u306e\u5965\u884c\u3092\u51fa\u3059\u306e\u306bCSS transform\u3092\u5229\u7528\u3057\u3066\u3044\u307e\u3059\u3002<\/p>\n<p><a href=\"https:\/\/shimz.me\/example\/leaflet\/csstransforms\/css.html\"><img loading=\"lazy\" decoding=\"async\" src=\"http:\/\/gunmagisgeek.com\/blog\/wp-content\/uploads\/2015\/07\/csstransform150713.jpg\" alt=\"css transform\" width=\"300\" height=\"191\" class=\"aligncenter size-full wp-image-4387\" srcset=\"https:\/\/gunmagisgeek.com\/blog\/wp-content\/uploads\/2015\/07\/csstransform150713.jpg 300w, https:\/\/gunmagisgeek.com\/blog\/wp-content\/uploads\/2015\/07\/csstransform150713-236x150.jpg 236w\" sizes=\"auto, (max-width: 300px) 100vw, 300px\" \/><\/a><\/p>\n<p><a href=\"https:\/\/shimz.me\/example\/leaflet\/csstransforms\/css.html\">example<\/a><\/p>\n<pre class=\"lang:xhtml decode:true \" >&lt;!doctype html&gt;\n&lt;html lang=\"jp\"&gt;\n&lt;head&gt;\n&lt;meta charset=\"utf-8\" \/&gt;\n\n\n&lt;title&gt;charlotte  Maps&lt;\/title&gt;\n&lt;link rel=\"stylesheet\" href=\"http:\/\/cdn.leafletjs.com\/leaflet-0.7.3\/leaflet.css\" \/&gt;  \n\n\n&lt;style&gt;\n.container {\n  width: 410px;\n  height: 470px;\n  margin: 0 auto 60px;\n  position: absolute;\n  top:-100px;\n  left: 100px;\n  border: 1px solid black;\n  -webkit-perspective: 600px;\n     -moz-perspective: 600px;\n       -o-perspective: 600px;\n          perspective: 600px;\n}\n\n.panel {\n  width: 100%;\n  height: 100%;\n  position: absolute;\n  opacity: 0.7;\n  color: white;\n  background: red;\n}\n\n\n#rotate-x .panel {\n  -webkit-transform: rotateX( 55deg );\n     -moz-transform: rotateX( 55deg );\n       -o-transform: rotateX( 55deg );\n          transform: rotateX( 55deg );\n}\n\n#map {\n    width: 100%;\n    height: 100%;\n}\n\n&lt;\/style&gt;\n\n&lt;\/head&gt;\n&lt;body&gt;\n&lt;div id=\"rotate-x\" class=\"container\"&gt;\n    &lt;div class=\"panel\"&gt;\n        &lt;div id=\"map\"&gt;&lt;\/div&gt;        \n    &lt;\/div&gt;\n&lt;\/div&gt;\n\n&lt;\/body&gt;\n&lt;\/html&gt;<\/pre>\n<h3>\u5730\u7406\u9662\u5730\u56f3<\/h3>\n<p>\u6b63\u78ba\u306b\u306f\u8868\u793a\u3055\u308c\u3066\u3044\u308b\u306e\u306f\u300c\u96fb\u5b50\u56fd\u571f\u57fa\u672c\u56f3\u300d\u3067\u3059\u3002<br \/>\n leaflet\u3067\u5730\u7406\u9662\u5730\u56f3\u3092\u8868\u793a\u3059\u308b\u306e\u306f\u3068\u3066\u3082\u7c21\u5358\u3067\u3059\u3002<\/p>\n<pre class=\"lang:js decode:true \" >var map = L.map('map').setView([35.697735, 139.580483], 15);\n\n\/\/\u5730\u7406\u9662\u5730\u56f3\u30ec\u30a4\u30e4\u30fc\u8ffd\u52a0\nL.tileLayer(\n    'http:\/\/cyberjapandata.gsi.go.jp\/xyz\/std\/{z}\/{x}\/{y}.png',\n    {\n        attribution: \"&lt;a href='http:\/\/www.gsi.go.jp\/kikakuchousei\/kikakuchousei40182.html' target='_blank'&gt;\u56fd\u571f\u5730\u7406\u9662&lt;\/a&gt;\"\n    }\n).addTo(map);\n<\/pre>\n","protected":false},"excerpt":{"rendered":"<p>\u5730\u7406\u9662\u5730\u56f3\u2026\u2026\u304a\u524d\u3001\u5730\u7406\u9662\u5730\u56f3\u3058\u3083\u306a\u3044\u304b\uff01 \u3068\u3044\u3046&hellip;<\/p>\n","protected":false},"author":1,"featured_media":4388,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[61,55],"tags":[],"class_list":["post-4384","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-css","category-leaflet-js","has-post-thumbnail-archive"],"_links":{"self":[{"href":"https:\/\/gunmagisgeek.com\/blog\/wp-json\/wp\/v2\/posts\/4384","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=4384"}],"version-history":[{"count":0,"href":"https:\/\/gunmagisgeek.com\/blog\/wp-json\/wp\/v2\/posts\/4384\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/gunmagisgeek.com\/blog\/wp-json\/wp\/v2\/media\/4388"}],"wp:attachment":[{"href":"https:\/\/gunmagisgeek.com\/blog\/wp-json\/wp\/v2\/media?parent=4384"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/gunmagisgeek.com\/blog\/wp-json\/wp\/v2\/categories?post=4384"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/gunmagisgeek.com\/blog\/wp-json\/wp\/v2\/tags?post=4384"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}