/static-maps/arcgis/{arcgis-style}/with-polyline

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
const inputBody = {
  "graphics": {
    "customSymbols": {
      "parkEntrance": "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyMSAyMSI+PHBhdGggZD0iTTE4IDkuOTk4di0xbC03LjUtNi03LjUgNnYxaDF2NkgzdjFoMTV2LTFoLTF2LTZoMXptLTEyIDBoM3YzSDZ2LTN6bTYgNnYtNmgzdjZoLTN6Ii8+PC9zdmc+",
      "campground": "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyMSAyMSI+PHBhdGggZD0iTTEyLjQwMiAxNi45NzZIMTlMMTAuNTAzIDIuOTk4IDIgMTYuOTc2aDYuNjI2bDEuODg4LTguOTR6Ii8+PC9zdmc+"
    },
    "polyline": {
      "paths": [
        [
          [
            -117.247325,
            34.100934
          ],
          [
            -117.247506,
            34.104433
          ],
          [
            -117.247962,
            34.105095
          ]
        ],
        [
          [
            -117.247962,
            34.105095
          ],
          [
            -117.244321,
            34.106745
          ],
          [
            -117.209646,
            34.106204
          ],
          [
            -117.208757,
            34.105251
          ]
        ]
      ],
      "spatialReference": {
        "wkid": 4326
      }
    },
    "polylineStyle": {
      "startSymbol": {
        "customSymbolId": "campground",
        "scale": 1,
        "offsetX": 0,
        "offsetY": 0
      },
      "endSymbol": {
        "customSymbolId": "campground",
        "scale": 1,
        "offsetX": 0,
        "offsetY": 0
      },
      "lineSymbol": {
        "style": "solid",
        "color": "007AC2",
        "width": 2
      }
    }
  },
  "image": {
    "width": 500,
    "height": 500,
    "format": "png",
    "padding": [
      10,
      0,
      10,
      20
    ]
  },
  "map": {
    "radius": 1000,
    "zoom": 12,
    "center": {
      "x": -117.1957,
      "y": 34.0561,
      "spatialReference": {
        "wkid": 4326
      }
    }
  }
};

const headers = {
  "Content-Type": "application/json",
  "Authorization": "Bearer <YOUR_TOKEN>"
};

fetch("https://static-maps-api.arcgis.com/arcgis/rest/services/static-maps-service/beta/static-maps/arcgis/streets/with-polyline", {
  method: "POST",
  body: inputBody,
  headers: headers
}).then(response => {
  if (response.status === 200) {
    return response.blob();
  }
  return response.json();
}).then(body => {
  console.log(body);
});