https:\/\/taitan916.info\/sample\/mapcolor\/<\/a><\/p>\n<!DOCTYPE html PUBLIC \"-\/\/W3C\/\/DTD XHTML 1.0 Strict\/\/EN\" \"http:\/\/www.w3.org\/TR\/xhtml1\/DTD\/xhtml1-strict.dtd\">\r\n<html xmlns=\"http:\/\/www.w3.org\/1999\/xhtml\">\r\n<head>\r\n<meta http-equiv=\"content-type\" content=\"text\/html; charset=utf-8\" \/>\r\n<meta id=\"viewport\" name=\"viewport\" content=\"width=320; initial-scale=1.0; maximum-scale=1.0; user-scalable=0;\" \/>\r\n<title>\u30de\u30c3\u30d7\u306e\u30ab\u30e9\u30fc\u5909\u66f4\u30b5\u30f3\u30d7\u30eb<\/title>\r\n<script type=\"text\/javascript\" src=\"http:\/\/maps.google.com\/maps\/api\/js?sensor=true\"><\/script> \r\n<meta name=\"viewport\" content=\"initial-scale=1.0, user-scalable=no\" \/>\r\n<style>\r\n#map_canvas {\r\n width: 100%;\r\n height: 100%;\r\n font-size : 12px;\r\n font-family : Verdana;\r\n color : black;\r\n}\r\nhtml{height:100%;}\r\nbody{\r\n height:100%;\r\n margin:0px;\r\n font-family: Helvetica,Arial;\r\n}\r\n<\/style>\r\n<\/head>\r\n<body>\r\n <div id=\"map_canvas\"><\/div>\r\n <script>\r\n var currentWindow = null;\r\n var latlng = new google.maps.LatLng(34.687315,135.526201);\r\n\r\n var myOptions = {\r\n zoom: 16, \r\n center: latlng, \r\n mapTypeId: google.maps.MapTypeId.ROADMAP,\r\n <?php if( $_GET['color'] ){ ?>\r\n styles: [\r\n {\r\n stylers: [\r\n {hue: \"#<?php echo $_GET['color'];?>\"}\/\/\u30ab\u30e9\u30fc\u5909\u66f4\r\n ]\r\n }\r\n ]\r\n <?php } ?>\r\n };\r\n\r\n var map = new google.maps.Map(document.getElementById(\"map_canvas\"), myOptions); \/\/map\u751f\u6210\r\n\r\n var mapData = {\r\n 'x':'34.687315', \r\n 'y':'135.526201',\r\n 'balloon':'\u5927\u962a\u57ce'\r\n };\r\n makeMarker(mapData);\r\n\r\n \/\/\u30de\u30fc\u30ab\u30fc\u4f5c\u6210\r\n function makeMarker( mapData ){\r\n var marker = new google.maps.Marker({\r\n position : new google.maps.LatLng(mapData.x,mapData.y), \r\n map: map\r\n });\r\n\r\n var infoWindow = new google.maps.InfoWindow();\r\n google.maps.event.addListener(marker, 'click', function() {\r\n if (currentWindow) {\r\n currentWindow.close();\r\n }\r\n infoWindow.setContent(mapData.balloon);\r\n infoWindow.open(map,marker);\r\n currentWindow = infoWindow;\r\n });\r\n }\r\n <\/script>\r\n<\/body>\r\n<\/html><\/pre>\n","protected":false},"excerpt":{"rendered":"GoogleMapAPI\u3092\u7528\u3044\u305fMAP\u3067\u30ab\u30e9\u30fc\u5909\u66f4\u3092\u3057\u305f\u304b\u3063\u305f\u3002\u30ab\u30e9\u30fc\u30b3\u30fc\u30c9\u306e\u6307 ... <\/p>\n","protected":false},"author":1,"featured_media":1423,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[71,70],"tags":[],"class_list":["post-2347","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-google-maps-api","category-google"],"acf":[],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/taitan916.info\/blog\/wp-json\/wp\/v2\/posts\/2347","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/taitan916.info\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/taitan916.info\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/taitan916.info\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/taitan916.info\/blog\/wp-json\/wp\/v2\/comments?post=2347"}],"version-history":[{"count":0,"href":"https:\/\/taitan916.info\/blog\/wp-json\/wp\/v2\/posts\/2347\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/taitan916.info\/blog\/wp-json\/wp\/v2\/media\/1423"}],"wp:attachment":[{"href":"https:\/\/taitan916.info\/blog\/wp-json\/wp\/v2\/media?parent=2347"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/taitan916.info\/blog\/wp-json\/wp\/v2\/categories?post=2347"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/taitan916.info\/blog\/wp-json\/wp\/v2\/tags?post=2347"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}