{"id":155,"date":"2015-10-05T15:29:51","date_gmt":"2015-10-05T06:29:51","guid":{"rendered":"http:\/\/www.takaya-com.jp\/archives\/?p=155"},"modified":"2015-10-05T16:51:34","modified_gmt":"2015-10-05T07:51:34","slug":"googlemap","status":"publish","type":"post","link":"https:\/\/takaya-com.jp\/archives\/2015\/10\/googlemap\/","title":{"rendered":"\u30b0\u30fc\u30b0\u30eb\u30de\u30c3\u30d7\u30922\u500b\u4ee5\u4e0a\u8868\u793a\u3055\u308c\u308b\u65b9\u6cd5"},"content":{"rendered":"<p><!-- \u672c\u6587 --><\/p>\n<p>\u30b0\u30fc\u30b0\u30eb\u30de\u30c3\u30d7\u3092\uff12\u500b\u4ee5\u4e0a\u8868\u793a\u3055\u305b\u3066\u308b\u5834\u5408\u306e\u30b5\u30f3\u30d7\u30eb\u3067\u3059\u3002<br \/>\ntable\u30bf\u30b0\u306e\u5834\u5408\u306e\u8868\u793a\u3082\u5408\u308f\u305b\u3066\u8a18\u8f09\u3057\u3066\u3044\u307e\u3059\u3002<\/p>\n<p>\u4eca\u56de\u4f7f\u7528\u3057\u305f<b>jquery.min.js<\/b>\u306f\u3001ver2.0.3\u3067\u3059\u3002<\/p>\n<p><!--more--><\/p>\n<p>\u2193\u4ee5\u4e0b\u304c\u5b9f\u969b\u306e\u30bd\u30fc\u30b9\u30b5\u30f3\u30d7\u30eb\u3067\u3059\u3002<\/p>\n<p>\u25bcJavaScript<\/p>\n<pre class=\"lang:js decode:true \" title=\"JavaScript\" >&lt;script type=\"text\/javascript\" src=\"js\/jquery.min.js\"&gt;&lt;\/script&gt;\r\n&lt;script type=\"text\/javascript\" src=\"http:\/\/maps.google.com\/maps\/api\/js?sensor=false\"&gt;&lt;\/script&gt;\r\n<\/pre>\n<p>\u25bcCSS<\/p>\n<pre class=\"lang:css decode:true \" title=\"CSS\" >&lt;style&gt;\r\n*{\r\n\tmargin:0;\r\n\tpadding:0;\r\n}\r\n#wrapper {\r\n\twidth:610px;\r\n}\r\nh4,th {\r\n\twidth:55px;\r\n}\r\nh4{\r\n\tfloat:left;\r\n\theight:300px;\r\n\tline-height:200px;\r\n\tmargin-bottom:3px;\r\n\r\n}\r\n#map_canvas1,#map_canvas2{\r\n\tfloat:right;\r\n\tmargin-bottom:3px;\r\n}\r\n.map_canvas {\r\n\twidth:550px;\r\n\theight:300px;\r\n\tborder:2px solid #000;\r\n}\r\ntable{\r\n\tclear:both;\r\n}\r\n&lt;\/style&gt;\r\n<\/pre>\n<p>\u25bcHTML<\/p>\n<pre class=\"lang:xhtml decode:true \" title=\"XHTML\" >\r\n\t<div id=\"wrapper\">\r\n\t\t<h4>\u5730\u56f3\uff11<\/h4>\r\n\t\t<div id=\"map_canvas1\" class=\"map_canvas\"><\/div>\r\n\t\t<h4>\u5730\u56f3\uff12<\/h4>\r\n\t\t<div id=\"map_canvas2\" class=\"map_canvas\"><\/div>\r\n\t\t<table>\r\n\t\t\t<tr>\r\n\t\t\t\t<th>\u5730\u56f3\uff13<\/th>\r\n\t\t\t\t<td><div id=\"map_canvas3\" class=\"map_canvas\"><\/div><\/td>\r\n\t\t\t<\/tr>\r\n\t\t\t<tr>\r\n\t\t\t\t<th>\u5730\u56f3\uff14<\/th>\r\n\t\t\t\t<td><div id=\"map_canvas4\" class=\"map_canvas\"><\/div><\/td>\r\n\t\t\t<\/tr>\r\n\t\t<\/table>\r\n\t<\/div>\r\n<script type=\"text\/javascript\">\r\n$(function initialize(){\r\n\/* \u5730\u56f3\uff11*\/\r\n  var latlng1 = new google.maps.LatLng(34.67737,135.515177);\r\n  var opts1 = {zoom: 16,center: latlng1,mapTypeId: google.maps.MapTypeId.ROADMAP};\r\n  var map1 = new google.maps.Map(document.getElementById(\"map_canvas1\"), opts1);\r\n  var marker1 = new google.maps.Marker({position: latlng1,map: map1});\r\n\r\n\/* \u5730\u56f3\uff12*\/\r\n  var latlng2 = new google.maps.LatLng(34.6937239,135.7876447);\r\n  var opts2 = {zoom: 16,center: latlng2,mapTypeId: google.maps.MapTypeId.ROADMAP};\r\n  var map2 = new google.maps.Map(document.getElementById(\"map_canvas2\"), opts2);\r\n  var marker2 = new google.maps.Marker({position: latlng2,map: map2});\r\n\r\n\/* \u5730\u56f3\uff13*\/\r\n  var latlng3 = new google.maps.LatLng(34.67737,135.515177);\r\n  var opts3 = {zoom: 16,center: latlng3,mapTypeId: google.maps.MapTypeId.ROADMAP};\r\n  var map3 = new google.maps.Map(document.getElementById(\"map_canvas3\"), opts3);\r\n  var marker3 = new google.maps.Marker({position: latlng3,map: map3});\r\n\r\n\/* \u5730\u56f3\uff14*\/\r\n  var latlng4 = new google.maps.LatLng(34.6937239,135.7876447);\r\n  var opts4 = {zoom: 16,center: latlng4,mapTypeId: google.maps.MapTypeId.ROADMAP};\r\n  var map4 = new google.maps.Map(document.getElementById(\"map_canvas4\"), opts4);\r\n  var marker4 = new google.maps.Marker({position: latlng4,map: map4});\r\n});\r\n<\/script>\r\n<\/pre>\n<p><a href=\"http:\/\/www.takaya-com.jp\/archives\/demo\/googlemap\/\" target=\"_blank\">\u30c7\u30e2\u30da\u30fc\u30b8\u306f\u3001\u3053\u3061\u3089<\/a><\/p>\n","protected":false},"excerpt":{"rendered":"<p>\u30b0\u30fc\u30b0\u30eb\u30de\u30c3\u30d7\u3092\uff12\u500b\u4ee5\u4e0a\u8868\u793a\u3055\u305b\u3066\u308b\u5834\u5408\u306e\u30b5\u30f3\u30d7\u30eb\u3067\u3059\u3002 table\u30bf\u30b0\u306e\u5834\u5408\u306e\u8868\u793a\u3082\u5408\u308f\u305b\u3066\u8a18\u8f09\u3057\u3066\u3044\u307e\u3059\u3002 \u4eca\u56de\u4f7f\u7528\u3057\u305fjquery.min.js\u306f\u3001ver2.0.3\u3067\u3059\u3002<\/p>\n","protected":false},"author":4,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":[],"categories":[1],"tags":[],"_links":{"self":[{"href":"https:\/\/takaya-com.jp\/archives\/wp-json\/wp\/v2\/posts\/155"}],"collection":[{"href":"https:\/\/takaya-com.jp\/archives\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/takaya-com.jp\/archives\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/takaya-com.jp\/archives\/wp-json\/wp\/v2\/users\/4"}],"replies":[{"embeddable":true,"href":"https:\/\/takaya-com.jp\/archives\/wp-json\/wp\/v2\/comments?post=155"}],"version-history":[{"count":3,"href":"https:\/\/takaya-com.jp\/archives\/wp-json\/wp\/v2\/posts\/155\/revisions"}],"predecessor-version":[{"id":158,"href":"https:\/\/takaya-com.jp\/archives\/wp-json\/wp\/v2\/posts\/155\/revisions\/158"}],"wp:attachment":[{"href":"https:\/\/takaya-com.jp\/archives\/wp-json\/wp\/v2\/media?parent=155"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/takaya-com.jp\/archives\/wp-json\/wp\/v2\/categories?post=155"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/takaya-com.jp\/archives\/wp-json\/wp\/v2\/tags?post=155"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}