{"id":15727,"date":"2025-02-25T11:00:05","date_gmt":"2025-02-25T02:00:05","guid":{"rendered":"https:\/\/www.ecomottblog.com\/?p=15727"},"modified":"2025-02-25T10:51:34","modified_gmt":"2025-02-25T01:51:34","slug":"%e4%bb%ae-routes-api","status":"publish","type":"post","link":"https:\/\/www.ecomottblog.com\/?p=15727","title":{"rendered":"Routes API\u3067Google Map\u306b\u30eb\u30fc\u30c8\u63cf\u753b\uff01"},"content":{"rendered":"<div class=\"el-p\">\n<p dir=\"auto\">\u3053\u3093\u306b\u3061\u306f\uff01<\/p>\n<\/div>\n<div class=\"el-p\">\n<p dir=\"auto\">\u30c7\u30d0\u30a4\u30b9\u30bd\u30d5\u30c8\u30a6\u30a8\u30a2\u958b\u767a\u90e8\u306e\u7c73\u68ee\u3067\u3059\u3002\u6700\u8fd1\u696d\u52d9\u3067Google Map\u306eRoutes API\u3092\u4f7f\u3046\u6a5f\u4f1a\u304c\u3042\u308a\u307e\u3057\u305f\u3002Routes API\u3068\u306f\u3001Google Map\u3067\u7d4c\u8def\u691c\u7d22\u3092\u3057\u305f\u6642\u306b\u8868\u793a\u3055\u308c\u308b\u3042\u306e\u30eb\u30fc\u30c8\u3092\u7c21\u5358\u306b\u63cf\u753b\u3067\u304d\u308bAPI\u3067\u3059\u3002\u3057\u304b\u3057\u3001\u4fbf\u5229\u306a\u53cd\u9762\u3001\u75d2\u3044\u3068\u3053\u308d\u306b\u624b\u304c\u5c4a\u304b\u306a\u3044\u3068\u3044\u3046\u90e8\u5206\u3082\u3042\u3063\u305f\u306e\u3067\u3001\u4eca\u56de\u306f\u305d\u306e\u3042\u305f\u308a\u3092\u5171\u6709\u3055\u305b\u3066\u304f\u3060\u3055\u3044\uff01<\/p>\n<p><!--more--><\/p>\n<\/div>\n<p dir=\"auto\">&nbsp;<\/p>\n<div class=\"el-h2\">\n<h2 dir=\"auto\" data-heading=\"Routes API\u306e\u6982\u8981\">Routes API\u306e\u6982\u8981<\/h2>\n<\/div>\n<div class=\"el-p\">\n<p dir=\"auto\">API\u306e\u6982\u8981\u306f\u3001\u516c\u5f0f\u30c9\u30ad\u30e5\u30e1\u30f3\u30c8\u306b\u3066\u5206\u304b\u308a\u3084\u3059\u304f\u6574\u7406\u3055\u308c\u3066\u3044\u308b\u306e\u3067\u3001\u305d\u3061\u3089\u306b\u8b72\u308a\u307e\u3059\u3002<\/p>\n<\/div>\n<div class=\"el-p\">\n<p dir=\"auto\"><a class=\"external-link\" href=\"https:\/\/developers.google.com\/maps\/documentation\/routes\" target=\"_blank\" rel=\"noopener nofollow\" data-tooltip-position=\"top\" aria-label=\"https:\/\/developers.google.com\/maps\/documentation\/routes\">\u516c\u5f0f\u30c9\u30ad\u30e5\u30e1\u30f3\u30c8<\/a><\/p>\n<\/div>\n<div class=\"el-p\">\n<p dir=\"auto\">\u4eca\u56de\u306e\u8a18\u4e8b\u306b\u95a2\u308f\u308b\u90e8\u5206\u3060\u3051\u304b\u3044\u3064\u307e\u3093\u3067\u8aac\u660e\u3059\u308b\u3068\u3001Routes API\u3068\u306f\u3001\u9053\u8def\u306b\u305d\u3063\u305f\u30eb\u30fc\u30c8\u3092\u63cf\u753b\u3059\u308b\u305f\u3081\u306b\u5fc5\u8981\u306a\u30d7\u30ed\u30c3\u30c8\u3092\u88dc\u5b8c\u3057\u3066\u304f\u308c\u308b\u6a5f\u80fd\u3067\u3059\u3002<\/p>\n<\/div>\n<div class=\"el-p\">\n<p dir=\"auto\">\u4f8b\u3048\u3070\u3001\u8eca\u304c\u2193\u306e\u3088\u3046\u306a\u30eb\u30fc\u30c8\u3067\u9053\u8def\u3092\u8d70\u308a\u30013\u70b9\u306e\u7def\u5ea6\u7d4c\u5ea6\u30d7\u30ed\u30c3\u30c8\u3092\u53d6\u5f97\u3067\u304d\u305f\u3068\u4eee\u5b9a\u3057\u307e\u3059\u3002<\/p>\n<\/div>\n<div class=\"el-p\">\n<p dir=\"auto\"><img decoding=\"async\" src=\"https:\/\/www.ecomottblog.com\/wp-content\/uploads\/2025\/02\/Pasted-image-20250205174424.png\" data-oit-origin-cursor=\"\"><\/p>\n<\/div>\n<div class=\"el-p\">\n<p dir=\"auto\">\u3053\u308c\u30893\u70b9\u306e\u30d7\u30ed\u30c3\u30c8\u3060\u3051\u3067\u8eca\u306e\u8d70\u884c\u8ecc\u8de1\u3092\u518d\u73fe\u3057\u3088\u3046\u3068\u3059\u308b\u3068\u3001\u2460\u304b\u3089\u2461\u3078\u884c\u304f\u90e8\u5206\u3067\u5efa\u7269\u3092\u6a2a\u5207\u3063\u3066\u3057\u307e\u3044\u307e\u3059\u3002<\/p>\n<\/div>\n<div class=\"el-p\">\n<p dir=\"auto\"><img decoding=\"async\" src=\"https:\/\/www.ecomottblog.com\/wp-content\/uploads\/2025\/02\/Pasted-image-20250218103552.png\" data-oit-origin-cursor=\"\"><\/p>\n<\/div>\n<div class=\"el-p\">\n<p dir=\"auto\">\u3053\u306e3\u70b9\u3092Routes API\u306b\u6e21\u3059\u3068\u3001Google Map\u306e\u9053\u8def\u306b\u6cbf\u3046\u30eb\u30fc\u30c8\u306b\u5909\u63db\u3057\u3001\u8db3\u308a\u306a\u3044\u30d7\u30ed\u30c3\u30c8\u3092\u88dc\u5b8c\u3057\u3066\u304f\u308c\u307e\u3059\u3002\u3053\u308c\u3067\u3001\u5efa\u7269\u3092\u6a2a\u5207\u308b\u3053\u3068\u306a\u304f\u3001\u9053\u8def\u306b\u6cbf\u3063\u305f\u8ecc\u8de1\u3092\u5730\u56f3\u4e0a\u3067\u518d\u73fe\u3067\u304d\u307e\u3059\u3002<\/p>\n<\/div>\n<div class=\"el-p\">\n<p dir=\"auto\"><img decoding=\"async\" src=\"https:\/\/www.ecomottblog.com\/wp-content\/uploads\/2025\/02\/Pasted-image-20250218104128.png\" data-oit-origin-cursor=\"\"><\/p>\n<\/div>\n<div class=\"el-h2\">\n<h2 dir=\"auto\" data-heading=\"\u30b5\u30f3\u30d7\u30eb\u5b9f\u6f14\">\u30b5\u30f3\u30d7\u30eb\u5b9f\u6f14<\/h2>\n<\/div>\n<div class=\"el-p\">\n<p dir=\"auto\">\u5b9f\u969b\u306bAPI\u3092\u5b9f\u884c\u3057\u3066\u307f\u307e\u3057\u3087\u3046\u3002\u5f0a\u793e\u30aa\u30d5\u30a3\u30b9\u304b\u3089\u3001JR\u672d\u5e4c\u99c5\u307e\u3067\u306e\u30eb\u30fc\u30c8\u3092\u53d6\u5f97\u3059\u308b\u3068\u3044\u3046\u30b1\u30fc\u30b9\u3092\u8003\u3048\u307e\u3059\u3002<\/p>\n<\/div>\n<div class=\"el-p\">\n<p dir=\"auto\">\uff12\u5730\u70b9\u306e\u4f4d\u7f6e\u95a2\u4fc2\u3068\u7def\u5ea6\u7d4c\u5ea6\u306f\u4e0b\u8a18\u306e\u901a\u308a\u3002<br \/>\n<img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-16138\" src=\"https:\/\/www.ecomottblog.com\/wp-content\/uploads\/2025\/02\/Pasted-image-20250224141513.png\" alt=\"\" width=\"1161\" height=\"742\" srcset=\"https:\/\/www.ecomottblog.com\/wp-content\/uploads\/2025\/02\/Pasted-image-20250224141513.png 1161w, https:\/\/www.ecomottblog.com\/wp-content\/uploads\/2025\/02\/Pasted-image-20250224141513-300x192.png 300w, https:\/\/www.ecomottblog.com\/wp-content\/uploads\/2025\/02\/Pasted-image-20250224141513-1024x654.png 1024w, https:\/\/www.ecomottblog.com\/wp-content\/uploads\/2025\/02\/Pasted-image-20250224141513-768x491.png 768w, https:\/\/www.ecomottblog.com\/wp-content\/uploads\/2025\/02\/Pasted-image-20250224141513-304x194.png 304w, https:\/\/www.ecomottblog.com\/wp-content\/uploads\/2025\/02\/Pasted-image-20250224141513-282x180.png 282w\" sizes=\"(max-width: 1161px) 100vw, 1161px\" \/><\/p>\n<\/div>\n<div class=\"el-p\">\n<p dir=\"auto\"><a class=\"external-link\" href=\"https:\/\/developers.google.com\/maps\/documentation\/routes\/compute_route_directions\" target=\"_blank\" rel=\"noopener nofollow\" data-tooltip-position=\"top\" aria-label=\"https:\/\/developers.google.com\/maps\/documentation\/routes\/compute_route_directions\">\u3053\u3061\u3089\u306e\u516c\u5f0f\u30da\u30fc\u30b8<\/a>\u306b\u3001\u30b5\u30f3\u30d7\u30ebPOST\u30ea\u30af\u30a8\u30b9\u30c8\u304c\u3042\u308b\u306e\u3067\u3001\u305d\u308c\u3092\u3082\u3068\u306bHTTP\u30ea\u30af\u30a8\u30b9\u30c8\u3092\u6295\u3052\u3066\u307f\u307e\u3059\u3002<\/p>\n<\/div>\n<div class=\"el-pre\">\n<pre><code data-line=\"0\">curl -X POST -d '{\n  \"origin\":{\n    \"location\":{\n      \"latLng\":{\n        \"latitude\": 43.06336507676069, \/\/ \u5f0a\u793e\u30aa\u30d5\u30a3\u30b9\u7def\u5ea6\n        \"longitude\": 141.3571428420565 \/\/ \u5f0a\u793e\u30aa\u30d5\u30a3\u30b9\u7d4c\u5ea6\n      }\n    }\n  },\n  \"destination\":{\n    \"location\":{\n      \"latLng\":{\n        \"latitude\": 43.068750409171145, \/\/ JR\u672d\u5e4c\u99c5\u7def\u5ea6\n        \"longitude\": 141.35075529917603 \/\/ JR\u672d\u5e4c\u99c5\u7d4c\u5ea6\n      }\n    }\n  },\n  \"travelMode\": \"DRIVE\",\n  \"routingPreference\": \"TRAFFIC_AWARE\",\n  \"computeAlternativeRoutes\": false,\n  \"routeModifiers\": {\n    \"avoidTolls\": false,\n    \"avoidHighways\": false,\n    \"avoidFerries\": false\n  },\n  \"languageCode\": \"en-US\",\n  \"units\": \"IMPERIAL\"\n}' \\\n-H 'Content-Type: application\/json' -H 'X-Goog-Api-Key: &lt;YOUR_API_KEY&gt;' \\ \/\/ \u81ea\u8eab\u306eAPI\u30ad\u30fc\n-H 'X-Goog-FieldMask: routes.duration,routes.distanceMeters,routes.polyline.encodedPolyline' \\\n'https:\/\/routes.googleapis.com\/directions\/v2:computeRoutes'\n<\/code><\/pre>\n<\/div>\n<div class=\"el-p\">\n<p dir=\"auto\">\u30b5\u30f3\u30d7\u30eb\u304b\u3089\u306e\u5909\u66f4\u70b9\u306f\u4e0b\u8a18\u306e3\u3064\u3060\u3051\u3067\u3059\u3002<\/p>\n<\/div>\n<div class=\"el-ul\">\n<ul class=\"has-list-bullet\">\n<li dir=\"auto\" data-line=\"0\"><code>origin<\/code>: \u51fa\u767a\u70b9<\/li>\n<li dir=\"auto\" data-line=\"1\"><code>destination<\/code>: \u5230\u7740\u70b9<\/li>\n<li dir=\"auto\" data-line=\"2\"><code>Google Maps API KEY<\/code>: API\u30ad\u30fc<\/li>\n<\/ul>\n<\/div>\n<div class=\"el-p\">\n<p dir=\"auto\">\u3053\u308c\u3092POST\u3059\u308b\u3068&#8230;<\/p>\n<\/div>\n<div class=\"el-pre\">\n<pre><code data-line=\"0\">{\n  \"routes\": [\n    {\n      \"distanceMeters\": 1363,\n      \"duration\": \"418s\",\n      \"polyline\": {\n        \"encodedPolyline\": \"mxyeG{vw}YfB[g@sHo\\\\lFbBnU_G|@Dz@`@|D`@hF\"\n      }\n    }\n  ]\n}\n<\/code><\/pre>\n<\/div>\n<div class=\"el-p\">\n<p dir=\"auto\">\u30ec\u30b9\u30dd\u30f3\u30b9\u304c\u8fd4\u5374\u3055\u308c\u307e\u3057\u305f\u3002\u30ec\u30b9\u30dd\u30f3\u30b9\u30c7\u30fc\u30bf\u306f\u305d\u308c\u305e\u308c\u4e0b\u8a18\u306e\u901a\u308a\u3067\u3059\u3002<\/p>\n<\/div>\n<div class=\"el-ul\">\n<ul class=\"has-list-bullet\">\n<li dir=\"auto\" data-line=\"0\"><code>distanceMeters<\/code>: \u9053\u306e\u308a\u8ddd\u96e2<\/li>\n<li dir=\"auto\" data-line=\"1\"><code>duration<\/code>: \u6240\u8981\u6642\u9593<\/li>\n<li dir=\"auto\" data-line=\"2\"><code>polyline<\/code>:\n<ul class=\"has-list-bullet\">\n<li dir=\"auto\" data-line=\"3\"><code>encodedPolyline<\/code>: \u30a8\u30f3\u30b3\u30fc\u30c9\u3055\u308c\u305f\u7def\u5ea6\u7d4c\u5ea6\u914d\u5217<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n<\/div>\n<div class=\"el-p\">\n<p dir=\"auto\"><code>encodedPolyline<\/code>\u3068\u3044\u3046\u306e\u304c\u4eca\u56de\u306e\u809d\u3067\u3001\u3053\u306e\u30c7\u30fc\u30bf\u306e\u5b9f\u614b\u306f\u30a8\u30f3\u30b3\u30fc\u30c9\u3055\u308c\u305f\u300c\u7def\u5ea6\u7d4c\u5ea6\u914d\u5217\u300d\u3067\u3059\u3002\u3053\u3061\u3089\u306e<a class=\"external-link\" href=\"https:\/\/developers.google.com\/maps\/documentation\/utilities\/polylinealgorithm\" target=\"_blank\" rel=\"noopener nofollow\" data-tooltip-position=\"top\" aria-label=\"https:\/\/developers.google.com\/maps\/documentation\/utilities\/polylinealgorithm\">\u516c\u5f0f\u30da\u30fc\u30b8<\/a>\u306b\u30a8\u30f3\u30b3\u30fc\u30c9\u30a2\u30eb\u30b4\u30ea\u30ba\u30e0\u306e\u4ed5\u69d8\u304c\u3042\u308b\u306e\u3067\u3001\u305d\u308c\u3092\u30ea\u30d0\u30fc\u30b9\u3059\u308c\u3070\u3001\u30a8\u30f3\u30b3\u30fc\u30c9\u524d\u306e\u7def\u5ea6\u7d4c\u5ea6\u914d\u5217\u304c\u53d6\u5f97\u3067\u304d\u308b\uff08\u306f\u305a\uff09\u3067\u3059\u3002\u304c\u3001\u3055\u3059\u304c\u306b\u5927\u5909\u306a\u306e\u3067\u3001Google\u3055\u3093\u304c\u7528\u610f\u3057\u3066\u304f\u308c\u3066\u3044\u308b<a class=\"external-link\" href=\"https:\/\/developers.google.com\/maps\/documentation\/routes\/polylinedecoder\" target=\"_blank\" rel=\"noopener nofollow\" data-tooltip-position=\"top\" aria-label=\"https:\/\/developers.google.com\/maps\/documentation\/routes\/polylinedecoder\">Web\u30c7\u30b3\u30fc\u30c0\u30fc<\/a>\u3092\u4f7f\u3063\u3066\u307f\u307e\u3057\u3087\u3046\u3002<\/p>\n<\/div>\n<div class=\"el-p\">\n<p dir=\"auto\">\u3053\u3061\u3089\u306b<code>encodedPolyline<\/code>\u3092\u5165\u529b\u3059\u308b\u3068\u3001\u305d\u308c\u3092\u30c7\u30b3\u30fc\u30c9\u3057\u3066\u304f\u308c\u3001\u3055\u3089\u306bGoogle Maps\u4e0a\u306b\u30eb\u30fc\u30c8\u3092\u63cf\u753b\u3057\u3066\u304f\u308c\u307e\u3059\u3002<\/p>\n<\/div>\n<div class=\"el-p\">\n<p dir=\"auto\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-16139\" src=\"https:\/\/www.ecomottblog.com\/wp-content\/uploads\/2025\/02\/Pasted-image-20250224144033.png\" alt=\"\" width=\"973\" height=\"597\" srcset=\"https:\/\/www.ecomottblog.com\/wp-content\/uploads\/2025\/02\/Pasted-image-20250224144033.png 973w, https:\/\/www.ecomottblog.com\/wp-content\/uploads\/2025\/02\/Pasted-image-20250224144033-300x184.png 300w, https:\/\/www.ecomottblog.com\/wp-content\/uploads\/2025\/02\/Pasted-image-20250224144033-768x471.png 768w, https:\/\/www.ecomottblog.com\/wp-content\/uploads\/2025\/02\/Pasted-image-20250224144033-304x187.png 304w, https:\/\/www.ecomottblog.com\/wp-content\/uploads\/2025\/02\/Pasted-image-20250224144033-282x173.png 282w\" sizes=\"(max-width: 973px) 100vw, 973px\" \/><\/p>\n<\/div>\n<div class=\"el-p\">\n<p dir=\"auto\">\u3067\u304d\u307e\u3057\u305f\uff01<\/p>\n<\/div>\n<div class=\"el-p\">\n<p dir=\"auto\">API\u306b\u306f\u300c\u5f0a\u793e\u30aa\u30d5\u30a3\u30b9\u300d\u3068\u300cJR\u672d\u5e4c\u99c5\u300d\u306e\u30d7\u30ed\u30c3\u30c82\u70b9\u3057\u304b\u6e21\u3057\u3066\u3044\u307e\u305b\u3093\u304c\u3001API\u304c\u305d\u308c\u3092\u88dc\u5b8c\u3057\u3066\u305d\u308c\u3063\u307d\u3044\u30eb\u30fc\u30c8\u304c\u63cf\u753b\u3055\u308c\u3066\u3044\u307e\u3059\u3002<\/p>\n<\/div>\n<div class=\"el-p\">\n<p dir=\"auto\">\u3061\u306a\u307f\u306b\u3001\u30c7\u30b3\u30fc\u30c9\u7528\u306e\u30e9\u30a4\u30d6\u30e9\u30ea\u30fb\u30e1\u30bd\u30c3\u30c9\uff08<code>google.maps.geometry.encoding.decodePath<\/code>\uff09\u3082\u7528\u610f\u3055\u308c\u3066\u3044\u308b\u306e\u3067\u3001\u4e0b\u8a18\u306e\u3088\u3046\u306a\u30d5\u30ed\u30fc\u3067\u30ed\u30fc\u30ab\u30eb\u306e\u5730\u56f3\u4e0a\u3067\u3082\u4e0a\u8a18\u306e\u3088\u3046\u306a\u30eb\u30fc\u30c8\u3092\u63cf\u753b\u3067\u304d\u307e\u3059\u3002<\/p>\n<\/div>\n<div class=\"el-pre\">\n<pre><code data-line=\"0\">\/\/ getRoute()\u3067\u3001\u4e0a\u8a18\u306eHTTP POST\u3092\u5b9f\u884c\u3059\u308b\u60f3\u5b9a\ngetRoute(origin, destination)\n  .then((res) =&gt; {\n    \/\/ \u30ec\u30b9\u30dd\u30f3\u30b9\u304b\u3089\u3001\u30a8\u30f3\u30b3\u30fc\u30c9\u3055\u308c\u305f\u7def\u5ea6\u7d4c\u5ea6\u914d\u5217\u3092\u53d6\u5f97\n    const encodedPolyline = res.data.routes[0].polyline.encodedPolyline;\n    \n    \/\/ \u30e9\u30a4\u30d6\u30e9\u30ea\u3092\u4f7f\u7528\u3057\u3066\u30c7\u30b3\u30fc\u30c9\n    const decodedPath =\n      google.maps.geometry.encoding.decodePath(encodedPolyline);\n\n    \/\/ \u30dd\u30ea\u30e9\u30a4\u30f3\u30a4\u30f3\u30b9\u30bf\u30f3\u30b9\u3092\u751f\u6210\n    \/\/ \u203b\u30dd\u30ea\u30e9\u30a4\u30f3 = Google Map\u4e0a\u306e\u304a\u7d75\u63cf\u304d\u30aa\u30d6\u30b8\u30a7\u30af\u30c8\n    const polyline = new google.maps.Polyline({\n      path: decodedPath, \/\/ \u7def\u5ea6\u7d4c\u5ea6\u914d\u5217\n      strokeColor: 'red', \/\/ \u8272\n      strokeWeight: 20, \/\/ \u7dda\u306e\u592a\u3055\n    });\n\n    \u30de\u30c3\u30d7\u30a4\u30f3\u30b9\u30bf\u30f3\u30b9\u306b\u30dd\u30ea\u30e9\u30a4\u30f3\u3092\u30bb\u30c3\u30c8\n    polyline.setMap(map);\n  })\n  \/\/ \u4ee5\u964d\u30a8\u30e9\u30fc\u30cf\u30f3\u30c9\u30ea\u30f3\u30b0\n<\/code><\/pre>\n<\/div>\n<div class=\"el-p\">\n<p dir=\"auto\">\u3053\u3093\u306a\u611f\u3058\u3067\u63cf\u753b\u3055\u308c\u307e\u3059\u3002<br \/>\n<img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-16140\" src=\"https:\/\/www.ecomottblog.com\/wp-content\/uploads\/2025\/02\/Pasted-image-20250224150238.png\" alt=\"\" width=\"1916\" height=\"950\" srcset=\"https:\/\/www.ecomottblog.com\/wp-content\/uploads\/2025\/02\/Pasted-image-20250224150238.png 1916w, https:\/\/www.ecomottblog.com\/wp-content\/uploads\/2025\/02\/Pasted-image-20250224150238-300x149.png 300w, https:\/\/www.ecomottblog.com\/wp-content\/uploads\/2025\/02\/Pasted-image-20250224150238-1024x508.png 1024w, https:\/\/www.ecomottblog.com\/wp-content\/uploads\/2025\/02\/Pasted-image-20250224150238-768x381.png 768w, https:\/\/www.ecomottblog.com\/wp-content\/uploads\/2025\/02\/Pasted-image-20250224150238-1536x762.png 1536w, https:\/\/www.ecomottblog.com\/wp-content\/uploads\/2025\/02\/Pasted-image-20250224150238-304x151.png 304w, https:\/\/www.ecomottblog.com\/wp-content\/uploads\/2025\/02\/Pasted-image-20250224150238-282x140.png 282w\" sizes=\"(max-width: 1916px) 100vw, 1916px\" \/><\/p>\n<\/div>\n<div class=\"el-p\">\n<p dir=\"auto\">Google Maps API\u3092\u4f7f\u7528\u3057\u305f\u57fa\u672c\u7684\u306a\u5b9f\u88c5\u65b9\u6cd5\u306b\u3064\u3044\u3066\u306f\u3001\u4e0b\u8a18\u306e\u8a18\u4e8b\u3092\u3054\u53c2\u7167\u304f\u3060\u3055\u3044\uff01<\/p>\n<p dir=\"auto\"><a href=\"https:\/\/www.ecomottblog.com\/?p=11754\">React\u3067GoogleMapsAPI\u3092\u4f7f\u3044\u3053\u306a\u3059\uff5c\u9ad8\u5ea6\u306a\u30de\u30fc\u30ab\u30fc\u306e\u4f5c\u6210<\/a><\/p>\n<\/div>\n<div class=\"el-h2\">\n<h2 dir=\"auto\" data-heading=\"\u4fbf\u5229\u306a\u53cd\u9762\u3001\u6319\u52d5\u5236\u5fa1\u304c\u96e3\u3057\u3044\u3053\u3068\u3082...\">\u4fbf\u5229\u306a\u53cd\u9762\u3001\u6319\u52d5\u5236\u5fa1\u304c\u96e3\u3057\u3044\u3053\u3068\u3082&#8230;<\/h2>\n<\/div>\n<div class=\"el-p\">\n<p dir=\"auto\">\u7def\u5ea6\u7d4c\u5ea6\u306e\u914d\u5217\u3055\u3048\u6e21\u305b\u3070\u305d\u308c\u3092\u4e00\u7b46\u66f8\u304d\u3057\u3066\u3082\u3089\u3048\u308b\u306e\u3067\u3059\u304c\u3001\u305d\u306e\u53cd\u9762\u3001\u70b9\u3068\u70b9\u306e\u9593\u3092\u3069\u3046\u7d50\u3076\u306e\u304b\u306fAPI\u4f9d\u5b58\u306b\u306a\u3063\u3066\u3057\u307e\u3044\u307e\u3059\u3002\u307b\u3068\u3093\u3069\u306e\u5834\u5408\u3001\u751f\u6210\u3055\u308c\u308b\u30eb\u30fc\u30c8\u306b\u554f\u984c\u306f\u306a\u3044\u306e\u3067\u3059\u304c\u3001\u3042\u308b\u7279\u5b9a\u306e\u6761\u4ef6\u4e0b\u3067\u306f\u60f3\u5b9a\u5916\u306e\u30eb\u30fc\u30c8\u304c\u63cf\u753b\u3055\u308c\u3066\u3057\u307e\u3044\u307e\u3059\u3002<\/p>\n<\/div>\n<div class=\"el-p\">\n<p dir=\"auto\">\u4f8b\u3048\u3070\u3001\u4e2d\u592e\u5206\u96e2\u5e2f\u304c\u3042\u308b\u9053\u8def\u306e\u7247\u5074\u8eca\u7dda\u3092\u305a\u3063\u3068\u307e\u3063\u3059\u3050\u8d70\u884c\u3057\u3066\u3044\u305f\u306e\u306b\u3001\u3042\u308b\u4e00\u70b9\u3060\u3051\u7def\u5ea6\u7d4c\u5ea6\u30d7\u30ed\u30c3\u30c8\u304c\u53cd\u5bfe\u8eca\u7dda\u5074\u306b\u305a\u308c\u3066\u3057\u307e\u3063\u305f\u3068\u4eee\u5b9a\u3057\u307e\u3059\u3002\u3053\u306e\u72b6\u6cc1\u3067\u306f\u3001API\u306b\u300c\u53cd\u5bfe\u8eca\u7dda\u306b\u79fb\u52d5\u3057\u305f\u300d\u3068\u5224\u5b9a\u3055\u308c\u3001\u305d\u306e\u5730\u70b9\u307e\u3067\u306e\u8fc2\u56de\u8def\u3092\u30b5\u30b8\u30a7\u30b9\u30c8\u3055\u308c\u3066\u3057\u307e\u3044\u307e\u3059\u3002<\/p>\n<\/div>\n<div class=\"el-p\">\n<p dir=\"auto\">\u4ee5\u4e0b\u306e\u3088\u3046\u306a\u30d7\u30ed\u30c3\u30c8\u3092\u8003\u3048\u307e\u3059\u3002\u8eca\u306f\u5e38\u306b\u5317\uff08\u4e0a\uff09\u5074\u306e\u8eca\u7dda\u3092\u8d70\u3063\u3066\u3044\u308b\u306e\u3067\u3059\u304c\u3001\u2462\u306e\u5730\u70b9\u3067\u7def\u5ea6\u7d4c\u5ea6\u304c\u4e0b\uff08\u5357\uff09\u5074\u306b\u5c11\u3057\u305a\u308c\u3066\u3057\u307e\u3044\u307e\u3057\u305f\u3002<br \/>\n<img decoding=\"async\" src=\"https:\/\/www.ecomottblog.com\/wp-content\/uploads\/2025\/02\/Pasted-image-20250205171116.png\"><\/p>\n<\/div>\n<div class=\"el-p\">\n<p dir=\"auto\">\u3053\u306e\u7def\u5ea6\u7d4c\u5ea6\u914d\u5217\u3092API\u306b\u6e21\u3059\u3068\u3001\u4ee5\u4e0b\u306e\u3088\u3046\u306a\u30eb\u30fc\u30c8\u304c\u63cf\u753b\u3055\u308c\u3066\u3057\u307e\u3044\u307e\u3059\u3002<\/p>\n<\/div>\n<div class=\"el-p\">\n<p dir=\"auto\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-16141\" src=\"https:\/\/www.ecomottblog.com\/wp-content\/uploads\/2025\/02\/Pasted-image-20250224171409.png\" alt=\"\" width=\"931\" height=\"551\" srcset=\"https:\/\/www.ecomottblog.com\/wp-content\/uploads\/2025\/02\/Pasted-image-20250224171409.png 931w, https:\/\/www.ecomottblog.com\/wp-content\/uploads\/2025\/02\/Pasted-image-20250224171409-300x178.png 300w, https:\/\/www.ecomottblog.com\/wp-content\/uploads\/2025\/02\/Pasted-image-20250224171409-768x455.png 768w, https:\/\/www.ecomottblog.com\/wp-content\/uploads\/2025\/02\/Pasted-image-20250224171409-304x180.png 304w, https:\/\/www.ecomottblog.com\/wp-content\/uploads\/2025\/02\/Pasted-image-20250224171409-282x167.png 282w\" sizes=\"(max-width: 931px) 100vw, 931px\" \/><\/p>\n<\/div>\n<div class=\"el-p\">\n<p dir=\"auto\">\u5927\u5206\u9060\u56de\u308a\u3055\u305b\u3089\u308c\u307e\u3057\u305f\u306d&#8230; \u3053\u308c\u306f\u3044\u305f\u3060\u3051\u307e\u305b\u3093\u3002<\/p>\n<\/div>\n<div class=\"el-h2\">\n<h2 dir=\"auto\" data-heading=\"\u65b9\u89d2\u3092\u6307\u5b9a\u3057\u3066\u3042\u3052\u3066\u30eb\u30fc\u30c8\u3092\u5236\u5fa1\">\u65b9\u89d2\u3092\u6307\u5b9a\u3057\u3066\u3042\u3052\u3066\u30eb\u30fc\u30c8\u3092\u5236\u5fa1<\/h2>\n<\/div>\n<div class=\"el-p\">\n<p dir=\"auto\">\u3053\u306e\u554f\u984c\u3001\u3044\u308d\u3044\u308d\u3068\u89e3\u6c7a\u7b56\u306f\u3042\u308a\u305d\u3046\u3067\u3059\u304c\u3001\u672c\u8a18\u4e8b\u3067\u306f\u30d7\u30ed\u30c3\u30c8\u306e\u65b9\u89d2\u3092\u4f7f\u7528\u3057\u305f\u3082\u306e\u3092\u7d39\u4ecb\u3057\u307e\u3059\u3002<\/p>\n<\/div>\n<div class=\"el-p\">\n<p dir=\"auto\">\u5148\u307b\u3069\u306e\u8fc2\u56de\u8def\u306e\u30b1\u30fc\u30b9\u306f\u3001\u8eca\u306f\u6771\u5411\u304d\u306b\u8d70\u3063\u3066\u3044\u308b\u306e\u306b\u3001\u2462\u306e\u30d7\u30ed\u30c3\u30c8\u306f\u897f\u5411\u304d\u306b\u8d70\u3063\u3066\u3044\u308b\u3068Routes API\u306b\u5224\u65ad\u3055\u308c\u3066\u3057\u307e\u3063\u305f\u3053\u3068\u304c\u539f\u56e0\u3067\u3059\u3002<\/p>\n<\/div>\n<div class=\"el-p\">\n<p dir=\"auto\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-16142\" src=\"https:\/\/www.ecomottblog.com\/wp-content\/uploads\/2025\/02\/Pasted-image-20250224172527.png\" alt=\"\" width=\"1063\" height=\"477\" srcset=\"https:\/\/www.ecomottblog.com\/wp-content\/uploads\/2025\/02\/Pasted-image-20250224172527.png 1063w, https:\/\/www.ecomottblog.com\/wp-content\/uploads\/2025\/02\/Pasted-image-20250224172527-300x135.png 300w, https:\/\/www.ecomottblog.com\/wp-content\/uploads\/2025\/02\/Pasted-image-20250224172527-1024x459.png 1024w, https:\/\/www.ecomottblog.com\/wp-content\/uploads\/2025\/02\/Pasted-image-20250224172527-768x345.png 768w, https:\/\/www.ecomottblog.com\/wp-content\/uploads\/2025\/02\/Pasted-image-20250224172527-304x136.png 304w, https:\/\/www.ecomottblog.com\/wp-content\/uploads\/2025\/02\/Pasted-image-20250224172527-282x127.png 282w\" sizes=\"(max-width: 1063px) 100vw, 1063px\" \/><\/p>\n<\/div>\n<div class=\"el-p\">\n<p dir=\"auto\">\u306a\u306e\u3067\u3001Routes API\u306b\u5bfe\u3057\u3066\u300c\u2462\u306e\u30d7\u30ed\u30c3\u30c8\u306e\u65b9\u89d2\u306f\u6771\uff01\u300d\u3068\u660e\u793a\u7684\u306b\u6559\u3048\u3066\u3042\u3052\u308c\u3070\u4e0a\u624b\u304f\u3044\u304f\u304b\u3082\u3057\u308c\u307e\u305b\u3093\u3002\u305d\u3057\u3066\u306a\u3093\u3068\u3001Routes API\u306e\u30ea\u30af\u30a8\u30b9\u30c8\u30d1\u30e9\u30e1\u30fc\u30bf\u306b\u306f<code>heading<\/code>\u3068\u3044\u3046\u30d7\u30ed\u30c3\u30c8\u306e\u65b9\u89d2\u3092\u6307\u5b9a\u3067\u304d\u308b\u3082\u306e\u304c\u3042\u308a\u307e\u3059\uff08<a class=\"external-link\" href=\"https:\/\/developers.google.com\/maps\/documentation\/routes\/location_modifiers\" target=\"_blank\" rel=\"noopener nofollow\" data-tooltip-position=\"top\" aria-label=\"https:\/\/developers.google.com\/maps\/documentation\/routes\/location_modifiers\">\u516c\u5f0f\u30c9\u30ad\u30e5\u30e1\u30f3\u30c8<\/a>\uff09\u3002<\/p>\n<\/div>\n<div class=\"el-p\">\n<p dir=\"auto\">0\uff5e359\u3067\u65b9\u89d2\u3092\u6307\u5b9a\u3067\u304d\u308b\u3068\u306e\u3053\u3068\u306a\u306e\u3067\u30013\u70b9\u306e\u30d7\u30ed\u30c3\u30c8\u306b&nbsp;<code>\"heading\": 90<\/code>&nbsp;(\u771f\u6771)\u3092\u6307\u5b9a\u3057\u3066\u307f\u307e\u3059\u3002<\/p>\n<\/div>\n<div class=\"el-pre\">\n<pre><code data-line=\"0\">curl -X POST -d '{\n  \"origin\":{\n    \"location\":{\n      \"latLng\":{\n        \"latitude\": 43.06184383295933,\n        \"longitude\": 141.34954550117448\n      },\n      \"heading\": 90 \/\/ \u8ffd\u52a0\n    }\n  },\n  \"destination\":{\n    \"location\":{\n      \"latLng\":{\n    \u3000\"latitude\": 43.0619054927957,\n    \u3000\"longitude\": 141.35118917920653\n      },\n      \"heading\": 90 \/\/ \u8ffd\u52a0\n    }\n  },\n\"intermediates\":[\n\u3000\u3000{\n\u3000\u3000\u3000\"location\":{\n\u3000\u3000\u3000\u3000\u3000 \"latLng\":{\n\u3000\u3000\u3000\u3000\u3000\u3000\u3000\u3000\"latitude\": 43.061952471676996,\n            \"longitude\": 141.35035729325875\n        },\n       \"heading\": 90 \/\/ \u8ffd\u52a0\n\u3000\u3000\u3000}    \n\u3000\u3000}\n  ],\n  \/\/ \u4ee5\u4e0b\u7701\u7565\n<\/code><\/pre>\n<\/div>\n<div class=\"el-p\">\n<p dir=\"auto\">\u30ec\u30b9\u30dd\u30f3\u30b9\u3092\u3082\u3068\u306b\u3001\u30eb\u30fc\u30c8\u3092\u63cf\u753b\u3057\u3066\u307f\u308b\u3068&#8230;<\/p>\n<\/div>\n<div class=\"el-p\">\n<p dir=\"auto\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-16143\" src=\"https:\/\/www.ecomottblog.com\/wp-content\/uploads\/2025\/02\/Pasted-image-20250224174221.png\" alt=\"\" width=\"1907\" height=\"948\" srcset=\"https:\/\/www.ecomottblog.com\/wp-content\/uploads\/2025\/02\/Pasted-image-20250224174221.png 1907w, https:\/\/www.ecomottblog.com\/wp-content\/uploads\/2025\/02\/Pasted-image-20250224174221-300x149.png 300w, https:\/\/www.ecomottblog.com\/wp-content\/uploads\/2025\/02\/Pasted-image-20250224174221-1024x509.png 1024w, https:\/\/www.ecomottblog.com\/wp-content\/uploads\/2025\/02\/Pasted-image-20250224174221-768x382.png 768w, https:\/\/www.ecomottblog.com\/wp-content\/uploads\/2025\/02\/Pasted-image-20250224174221-1536x764.png 1536w, https:\/\/www.ecomottblog.com\/wp-content\/uploads\/2025\/02\/Pasted-image-20250224174221-304x151.png 304w, https:\/\/www.ecomottblog.com\/wp-content\/uploads\/2025\/02\/Pasted-image-20250224174221-282x140.png 282w\" sizes=\"(max-width: 1907px) 100vw, 1907px\" \/><\/p>\n<\/div>\n<div class=\"el-p\">\n<p dir=\"auto\">\u60f3\u5b9a\u901a\u308a\u306e\u30d7\u30ed\u30c3\u30c8\u304c\u3067\u304d\u307e\u3057\u305f\uff01<br \/>\n\u7def\u5ea6\u7d4c\u5ea6\u60c5\u5831\u306b\u52a0\u3048\u3066\u3001\u65b9\u89d2\u60c5\u5831\u3082\u4fdd\u6301\u3057\u3066\u3044\u308b\u5834\u5408\u306b\u9650\u3089\u308c\u307e\u3059\u304c\u3001\u3053\u308c\u3092\u6d3b\u7528\u3059\u308c\u3070\u60f3\u5b9a\u5916\u306e\u30eb\u30fc\u30c8\u63cf\u753b\u306e\u53ef\u80fd\u6027\u3092\u5c11\u3057\u306f\u6e1b\u3089\u305b\u305d\u3046\u3067\u3059\uff01<\/p>\n<\/div>\n<div class=\"el-h2\">\n<h2 dir=\"auto\" data-heading=\"\u307e\u3068\u3081\">\u307e\u3068\u3081<\/h2>\n<\/div>\n<div class=\"el-p\">\n<p dir=\"auto\">Routes&nbsp; API\u306e\u6982\u8981\u3068\u3001\u3061\u3087\u3063\u3068\u3057\u305ftip\u3092\u7d39\u4ecb\u3055\u305b\u3066\u3044\u305f\u3060\u304d\u307e\u3057\u305f\u3002\u4eca\u56de\u306f\u8a00\u53ca\u3057\u307e\u305b\u3093\u3067\u3057\u305f\u304c\u3001\u8eca\u4e21\u30bf\u30a4\u30d7\u3001\u9ad8\u901f\u9053\u8def\u306e\u6709\u7121\u3001\u6e0b\u6ede\u306e\u8003\u616e\u306a\u3069\u3001\u3053\u3061\u3089\u304b\u3089\u8a2d\u5b9a\u3067\u304d\u308b\u9805\u76ee\u306f\u4ed6\u306b\u3082\u8272\u3005\u3042\u308b\u306e\u3067\u3001\u305c\u3072<a href=\"https:\/\/developers.google.com\/maps\/documentation\/routes\">\u516c\u5f0f\u30c9\u30ad\u30e5\u30e1\u30f3\u30c8<\/a>\u3092\u3054\u53c2\u7167\u304f\u3060\u3055\u3044\u3002\u7c21\u5358\u306b\u30eb\u30fc\u30c8\u3092\u63cf\u753b\u3067\u304d\u308b\u306e\u3067\u3001\u3068\u3066\u3082\u304a\u3082\u3057\u308d\u3044\u3067\u3059\uff01<\/p>\n<p dir=\"auto\">&nbsp;<\/p>\n<\/div>\n<p dir=\"auto\">&nbsp;<\/p>\n<p>\u30a8\u30b3\u30e2\u30c3\u30c8\u3067\u306f\u4e00\u7dd2\u306b\u30e2\u30ce\u3065\u304f\u308a\u3092\u3057\u3066\u3044\u304f\u4ef2\u9593\u3092\u968f\u6642\u52df\u96c6\u3057\u3066\u3044\u307e\u3059\u3002\u5f0a\u793e\u306b\u5c11\u3057\u3067\u3082\u8208\u5473\u304c\u3042\u308b\u65b9\u306f\u305c\u3072\u4e0b\u8a18\u306e\u63a1\u7528\u30da\u30fc\u30b8\u3092\u3054\u89a7\u304f\u3060\u3055\u3044\uff01<\/p>\n<div style=\"width: 100%; display: flex; justify-content: space-around; flex-wrap: wrap;\">\n<div style=\"display: block; width: 60%; border: solid 1px #1ABB9A; text-align: center;\"><a style=\"display: block; padding: 16px;\" href=\"https:\/\/www.ecomott.co.jp\/recruit\/\" target=\"_blank\" rel=\"noopener\">\u52df\u96c6\u8981\u9805\uff08\u5f53\u793eHP\uff09<\/a><\/div>\n<div style=\"display: block; width: 60%; border: solid 1px #1ABB9A; text-align: center; margin: 30px 0;\"><a style=\"display: block; padding: 16px;\" href=\"https:\/\/www.wantedly.com\/companies\/ecomott2\/projects\" target=\"_blank\" rel=\"noopener\">Wantedly<\/a><\/div>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>\u3053\u3093\u306b\u3061\u306f\uff01 \u30c7\u30d0\u30a4\u30b9\u30bd\u30d5\u30c8\u30a6\u30a8\u30a2\u958b\u767a\u90e8\u306e\u7c73\u68ee\u3067\u3059\u3002\u6700\u8fd1\u696d\u52d9\u3067Google Map\u306eRoutes API\u3092\u4f7f\u3046\u6a5f\u4f1a\u304c\u3042\u308a\u307e\u3057\u305f\u3002Routes API\u3068\u306f\u3001Google Map\u3067\u7d4c\u8def\u691c\u7d22\u3092\u3057\u305f\u6642\u306b\u8868\u793a\u3055\u308c\u308b\u3042\u306e\u30eb\u30fc\u30c8\u3092\u7c21\u5358 [&hellip;]<\/p>\n","protected":false},"author":121,"featured_media":16161,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[27],"tags":[165,176,31],"_links":{"self":[{"href":"https:\/\/www.ecomottblog.com\/index.php?rest_route=\/wp\/v2\/posts\/15727"}],"collection":[{"href":"https:\/\/www.ecomottblog.com\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.ecomottblog.com\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.ecomottblog.com\/index.php?rest_route=\/wp\/v2\/users\/121"}],"replies":[{"embeddable":true,"href":"https:\/\/www.ecomottblog.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=15727"}],"version-history":[{"count":20,"href":"https:\/\/www.ecomottblog.com\/index.php?rest_route=\/wp\/v2\/posts\/15727\/revisions"}],"predecessor-version":[{"id":16018,"href":"https:\/\/www.ecomottblog.com\/index.php?rest_route=\/wp\/v2\/posts\/15727\/revisions\/16018"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.ecomottblog.com\/index.php?rest_route=\/wp\/v2\/media\/16161"}],"wp:attachment":[{"href":"https:\/\/www.ecomottblog.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=15727"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.ecomottblog.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=15727"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.ecomottblog.com\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=15727"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}