{"id":993,"date":"2015-03-30T15:56:30","date_gmt":"2015-03-30T06:56:30","guid":{"rendered":"http:\/\/www.fuji.shizuoka.med.or.jp\/iryou\/?page_id=993"},"modified":"2026-03-16T16:28:27","modified_gmt":"2026-03-16T07:28:27","slug":"%e5%9c%b0%e5%9b%b3%e3%81%8b%e3%82%89%e3%81%ae%e6%a4%9c%e7%b4%a2%e3%80%80%e5%85%83%e5%90%89%e5%8e%9f%e5%9c%b0%e5%8c%ba%e3%80%80%e5%86%85%e7%a7%91","status":"publish","type":"page","link":"https:\/\/fuji.shizuoka.med.or.jp\/?page_id=993","title":{"rendered":"\u5730\u56f3\u304b\u3089\u306e\u691c\u7d22\u3000\u5143\u5409\u539f\u5730\u533a\u3000\u5185\u79d1"},"content":{"rendered":"<div class=\"entry-content\">\n<div class=\"pagetitle right-2 up-2\">\n<div><img decoding=\"async\" src=\"\/iryou-new\/wp-content\/uploads\/2015\/05\/mapserch-1.jpg\" alt=\"\u5730\u56f3\u60c5\u5831\u304b\u3089\u306e\u533b\u7642\u6a5f\u95a2\u691c\u7d22\" class=\"page-title\" \/><\/div>\n<\/div>\n<div class=\"pmaincontents\">\n<h1 class=\"entry-titles\">\u5143\u5409\u539f\u5730\u533a<\/h1>\n<p>Google MAP\u3092\u5229\u7528\u3057\u3066\u5468\u8fba\u533b\u7642\u6a5f\u95a2\u3092\u7d39\u4ecb\u3044\u305f\u3057\u307e\u3059\u3002<\/p>\n<p>\u5730\u56f3\u4e0a\u306b\u3042\u308b \u300c<img decoding=\"async\" src=\"http:\/\/maps.google.com\/mapfiles\/ms\/micons\/hospitals.png\"> \u300d\u304c\u533b\u7642\u6a5f\u95a2\u3068\u306a\u308a\u307e\u3059\u3002<\/p>\n\r\n<!-- \u30bf\u30b0\u30dc\u30bf\u30f3 -->\r\n<div id=\"tag-buttons\" style=\"margin-bottom:1rem;\">\r\n    <button data-tag-id=\"all\" class=\"tag-btn active btn btn-default btn-sm\">\u5168\u3066\u8868\u793a<\/button>\r\n            <button data-tag-id=\"24\" class=\"tag-btn btn btn-default btn-sm\">\u5185\u79d1<\/button>\r\n            <button data-tag-id=\"35\" class=\"tag-btn btn btn-default btn-sm\">\u5c0f\u5150\u79d1<\/button>\r\n            <button data-tag-id=\"70\" class=\"tag-btn btn btn-default btn-sm\">\u80c3\u8178\u79d1<\/button>\r\n    \r\n            <button data-tag-id=\"85\" class=\"tag-btn btn btn-warning btn-sm\">\u7279\u5b9a\u5065\u8a3a<\/button>\r\n    <\/div>\r\n\r\n<!-- \u5730\u56f3\u8868\u793a\u7528\u306ediv -->\r\n<div id=\"map\" style=\"width: 100%; height: 500px;\"><\/div>\r\n\r\n<script src=\"https:\/\/maps.googleapis.com\/maps\/api\/js?key=AIzaSyBl8bGZfgX11Zm9lxw34q00-4JSiDGhmNA\"><\/script>\r\n<script src=\"https:\/\/code.jquery.com\/jquery-3.6.0.min.js\"><\/script>\r\n\r\n<script>\r\njQuery(function($){\r\n    \/\/ PHP\u304b\u3089json\u3092\u53d7\u3051\u53d6\u308b\r\n    var markersData = [{\"post_id\":615,\"title\":\"\\u5c0f\\u6797\\u533b\\u9662\",\"url\":\"https:\\\/\\\/fuji.shizuoka.med.or.jp\\\/?p=615\",\"lat\":35.1419700000000005957190296612679958343505859375,\"lng\":138.711246999999985973772709257900714874267578125,\"tags\":[24,35,85,70]}];\r\n    var tagsData = {\"24\":\"\\u5185\\u79d1\",\"35\":\"\\u5c0f\\u5150\\u79d1\",\"70\":\"\\u80c3\\u8178\\u79d1\"};\r\n\r\n    var map;\r\n    var markers = [];\r\n    var infoWindow;\r\n\r\n    \/\/ \u5730\u56f3\u521d\u671f\u5316\u95a2\u6570\uff08\u6771\u4eac\u6e7e\u3042\u305f\u308a\u3067\u521d\u671f\u8868\u793a\uff09\r\n    function initMap(){\r\n        map = new google.maps.Map(document.getElementById('map'), {\r\n            zoom: 5,\r\n            center: {lat: 35.681236, lng: 139.767125}, \/\/ \u6771\u4eac\u99c5\u4e2d\u5fc3\r\n        });\r\n        infoWindow = new google.maps.InfoWindow();\r\n\r\n        \/\/ \u30de\u30fc\u30ab\u30fc\u4f5c\u6210\r\n        markersData.forEach(function(item){\r\n            var marker = new google.maps.Marker({\r\n                position: {lat: item.lat, lng: item.lng},\r\n                map: map,\r\n                title: item.title,\r\n                postTags: item.tags,\r\n                icon: 'http:\/\/maps.google.com\/mapfiles\/ms\/micons\/hospitals.png'  \/\/ \u2190\u3053\u3053\u3092\u8ffd\u52a0\r\n            });\r\n            marker.addListener('click', function(){\r\n                infoWindow.setContent('<a href=\"'+item.url+'\" target=\"_blank\">'+item.title+'<\/a>');\r\n                infoWindow.open(map, marker);\r\n            });\r\n            markers.push(marker);\r\n        });\r\n\r\n        fitMapBounds();\r\n    }\r\n\r\n    \/\/ \u30de\u30fc\u30ab\u30fc\u3092\u30bf\u30b0ID\u3067\u30d5\u30a3\u30eb\u30bf\u30fc\u3092\u304b\u3051\u3066\u8868\u793a\u5207\u66ff\r\n    function filterMarkers(tagId) {\r\n        infoWindow.close();\r\n\r\n        markers.forEach(function(marker){\r\n            if(tagId === 'all'){\r\n                marker.setMap(map);\r\n            } else {\r\n                if(marker.postTags.indexOf(parseInt(tagId)) !== -1){\r\n                    marker.setMap(map);\r\n                } else {\r\n                    marker.setMap(null);\r\n                }\r\n            }\r\n        });\r\n\r\n        fitMapBounds();\r\n    }\r\n\r\n    \/\/ \u8868\u793a\u4e2d\u30de\u30fc\u30ab\u30fc\u306e\u7bc4\u56f2\u306b\u5730\u56f3\u3092\u62e1\u5927\uff08\u30de\u30fc\u30ab\u30fc\u304c\u7121\u3044\u5834\u5408\u306f\u30c7\u30d5\u30a9\u30eb\u30c8\u4e2d\u5fc3\u3078\uff09\r\n    function fitMapBounds(){\r\n        var bounds = new google.maps.LatLngBounds();\r\n        var visibleCount = 0;\r\n\r\n        markers.forEach(function(marker){\r\n            if(marker.getMap()){\r\n                bounds.extend(marker.getPosition());\r\n                visibleCount++;\r\n            }\r\n        });\r\n\r\n        if(visibleCount > 0){\r\n            map.fitBounds(bounds);\r\n            \/\/ \u30ba\u30fc\u30e0\u304c\u5927\u304d\u3059\u304e\u308b\u5834\u5408\u306f\u8abf\u6574\uff08\u4f8b\uff1a\u6700\u5927\u30ba\u30fc\u30e014\uff09\r\n            var listener = google.maps.event.addListenerOnce(map, 'bounds_changed', function() {\r\n                if (map.getZoom() > 14) map.setZoom(14);\r\n            });\r\n        } else {\r\n            map.setCenter({lat:35.681236, lng:139.767125});\r\n            map.setZoom(5);\r\n        }\r\n    }\r\n\r\n    \/\/ \u30bf\u30b0\u30dc\u30bf\u30f3\u30af\u30ea\u30c3\u30af\u51e6\u7406\r\n    $('#tag-buttons, #excluded-tag-buttons').on('click', '.tag-btn', function(){\r\n        var $btn = $(this);\r\n        var tagId = $btn.data('tag-id');\r\n\r\n        \/\/ \u30a2\u30af\u30c6\u30a3\u30d6\u5207\u308a\u66ff\u3048\r\n        $('.tag-btn').removeClass('active');\r\n        $btn.addClass('active');\r\n\r\n        filterMarkers(tagId);\r\n    });\r\n\r\n    \/\/ \u5730\u56f3\u521d\u671f\u5316\u3092\u547c\u3076\r\n    initMap();\r\n});\r\n<\/script>\n<p>&nbsp;<\/p>\n<p><a href=\"\/iryou-new\/?page_id=62\" class=\"btn btn-primary\"><i class=\"fa fa-chevron-left\"><\/i> \u691c\u7d22\u30da\u30fc\u30b8\u3078\u623b\u308b<\/a><\/p>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>\u5143\u5409\u539f\u5730\u533a Google MAP\u3092\u5229\u7528\u3057\u3066\u5468\u8fba\u533b\u7642\u6a5f\u95a2\u3092\u7d39\u4ecb\u3044\u305f\u3057\u307e\u3059\u3002 \u5730\u56f3\u4e0a\u306b\u3042\u308b \u300c \u300d\u304c\u533b\u7642\u6a5f\u95a2\u3068\u306a\u308a\u307e\u3059\u3002 &nbsp; \u691c\u7d22\u30da\u30fc\u30b8\u3078\u623b\u308b<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"templates\/no-sidebar.php","meta":{"footnotes":""},"class_list":["post-993","page","type-page","status-publish"],"publishpress_future_workflow_manual_trigger":{"enabledWorkflows":[]},"_links":{"self":[{"href":"https:\/\/fuji.shizuoka.med.or.jp\/index.php?rest_route=\/wp\/v2\/pages\/993","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/fuji.shizuoka.med.or.jp\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/fuji.shizuoka.med.or.jp\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/fuji.shizuoka.med.or.jp\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/fuji.shizuoka.med.or.jp\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=993"}],"version-history":[{"count":9,"href":"https:\/\/fuji.shizuoka.med.or.jp\/index.php?rest_route=\/wp\/v2\/pages\/993\/revisions"}],"predecessor-version":[{"id":11015,"href":"https:\/\/fuji.shizuoka.med.or.jp\/index.php?rest_route=\/wp\/v2\/pages\/993\/revisions\/11015"}],"wp:attachment":[{"href":"https:\/\/fuji.shizuoka.med.or.jp\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=993"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}