{"id":6964,"date":"2019-03-20T10:00:09","date_gmt":"2019-03-20T01:00:09","guid":{"rendered":"https:\/\/www.gigas-jp.com\/appnews\/?p=6964"},"modified":"2019-03-19T20:09:52","modified_gmt":"2019-03-19T11:09:52","slug":"%e6%96%b0%e4%ba%ba%e6%97%a5%e8%aa%8c8","status":"publish","type":"post","link":"https:\/\/www.gigas-jp.com\/appnews\/archives\/6964","title":{"rendered":"\u65b0\u4eba\u65e5\u8a8c8"},"content":{"rendered":"\n

Web\u30d6\u30e9\u30a6\u30b6\u4e0a \u306b\u8868\u793a\u3057\u305fGoogle Map\u3067\u691c\u7d22\u6761\u4ef6\u306b\u5408\u81f4\u3057\u305f\u73fe\u5728\u5730\u5468\u8fba\u306e\u5834\u6240\u306e\u60c5\u5831\u3092\u53d6\u5f97\u3057\u3066\u307f\u307e\u3059\u3002<\/p>\n\n\n

<\/p>\n\n\n

\u534a\u5f845km\u7bc4\u56f2\u3067\u691c\u7d22\u30d0\u30fc\u306b\u5165\u529b\u3057\u305f\u6587\u5b57\u5217\u306b\u95a2\u9023\u3057\u305f\u5834\u6240\u306e\u60c5\u5831\u3092\u691c\u7d22\u3057\u3066\u307f\u307e\u3059\u3002<\/p>\n\n\n\n

\u307e\u305a\u3001\u78ba\u8a8d\u7528\u306b\u534a\u5f845km\u306e\u5186\u3092\u4f5c\u308a\u307e\u3059\u3002<\/p>\n\n\n\n

var circle5;\nvar strokeOpacity = 0.8; \nvar fillColor5 = '#FF0000'; \nvar fillOpacity = 0.35; \nvar radius5 = parseInt(parseFloat(5) * 1000);\/\/\u534a\u5f845km\n\ncircle5 = new google.maps.Circle({\n      strokeColor: '#FF0000',         \/\/\u5186\u306e\u7dda\u306e\u8272\n      strokeOpacity: strokeOpacity,   \/\/\u5186\u306e\u7dda\u306e\u4e0d\u900f\u660e\u5ea6\n      strokeWeight: 2,                \/\/\u5186\u306e\u7dda\u306e\u592a\u3055\n      fillColor: fillColor5,          \/\/\u5186\u306e\u8272\n      fillOpacity: fillOpacity,       \/\/\u5186\u306e\u4e0d\u900f\u660e\u5ea6\n      map: gmap,                      \/\/\u8868\u793a\u3059\u308bGoogleMAP\n      center: nowPos,                 \/\/\u4e2d\u5fc3\u5ea7\u6a19\n      radius: radius5                 \/\/\u534a\u5f84\n    });\n<\/code><\/pre>\n\n\n\n
\u6b21\u306b\u691c\u7d22\u7528\u306e\u30b5\u30fc\u30d3\u30b9\u3092\u4f5c\u6210\u3057\u307e\u3059\u3002<\/p>\n\n\n\n
var service = new google.maps.places.PlacesService(gmap);<\/code><\/pre>\n\n\n\n
\u7d9a\u3044\u3066\u691c\u7d22\u7528\u306e\u30ea\u30af\u30a8\u30b9\u30c8\u3092\u4f5c\u6210\u3057\u307e\u3059\u3002<\/p>\n\n\n\n
var request = {\n      location: nowPos, \t\t\/\/\u73fe\u5728\u5730\u304b\u3089\n      radius: circle5.getRadius(),  \/\/\u534a\u5f845km\u570f\u5185\u306e\n      type: 'store',                \/\/\u304a\u5e97\u3092\u691c\u7d22\n      query: input.val()          \/\/\u691c\u7d22\u7a93\u306e\u30ad\u30fc\u30ef\u30fc\u30c9\u306b\u95a2\u9023\u3059\u308b\n    };<\/code><\/pre>\n\n\n\n
\u3053\u306e\u30ea\u30af\u30a8\u30b9\u30c8\u3092\u5148\u7a0b\u306e\u691c\u7d22\u7528\u306e\u30b5\u30fc\u30d3\u30b9\u306b\u6e21\u3057\u3066\u5834\u6240\u306e\u60c5\u5831\u3092\u53d6\u5f97\u3057\u307e\u3059\u3002<\/p>\n\n\n\n
service.nearbySearch(\n      request,    \/\/\u30ea\u30af\u30a8\u30b9\u30c8\n      function (results, status) {\/\/\u30b3\u30fc\u30eb\u30d0\u30c3\u30af\u95a2\u6570\n    \/\/\u30b9\u30c6\u30fc\u30bf\u30b9\u3092\u78ba\u8a8d\u3057\u3066,OK\u3067\u3042\u308c\u3070\n    console.log(status);\n        if (status === google.maps.places.PlacesServiceStatus.OK)\n        {\n        length = results.length;\n        console.log(length);\n        if (length > 0) {\t\t\/\/\u7d50\u679c\u304c1\u4ee5\u4e0a\u306a\u3089\n          for(var i= 0; i < length; i++)\n          {\n            var lat = results[i].geometry.location.lat(); \/\/\u7def\u5ea6\n            var lng = results[i].geometry.location.lng(); \/\/\u7d4c\u5ea6\n            console.log(results[i].name);                 \/\/\u540d\u524d\n            console.log('\u306e\u5ea7\u6a19\u306f');\n            console.log('\u7def\u5ea6:'+lat+'\uff3f\u7d4c\u5ea6:'+lng);\n            console.log('\u3067\u3059\u3002');\n            console.log('\u30d7\u30ec\u30a4\u30b9ID\u306f');\n            console.log(results[i].place_id);\t\t\/\/place_id\n            console.log('\u3067\u3059\u3002');\n\n          }\n        }\n      }\n      }\n);<\/code><\/pre>\n\n\n\n
\u3053\u308c\u3067\u73fe\u5728\u5730\u5468\u8fba\u306e\u5834\u6240\u306e\u60c5\u5831\u304c\u53d6\u5f97\u3067\u304d\u307e\u3057\u305f\u3002<\/p>\n\n\n\n
\"\"<\/figure>\n\n\n\n
place_id\u3092\u4f7f\u3063\u3066\u3055\u3089\u306b\u8a73\u3057\u3044\u60c5\u5831\u3082\u53d6\u5f97\u3067\u304d\u308b\u3088\u3046\u3067\u3059\u3002<\/p>\n\n\n\n
\u6c34\u66dc\u62c5\u5f53:Tanaka<\/p>\n
\n            
<\/g:plusone><\/div>\n            
 \"\u3053\u306e\u30a8\u30f3\u30c8\u30ea\u30fc\u3092\u306f\u3066\u306a\u30d6\u30c3\u30af\u30de\u30fc\u30af\u306b\u8ffd\u52a0\"<\/a>