Mapbox

前提条件

こちらから入手した JavaScript ライブラリ
サービスにアクセスするための資格情報。詳細については「IDとアクセス管理の開発者ガイド」を参照してください。

コード

適切なライブラリとスタイルシートがリンクされていることを確認します。

    <script src='https://api.tiles.mapbox.com/mapbox-gl-js/v0.53.0/mapbox-gl.js'></script>
    <link href='https://api.tiles.mapbox.com/mapbox-gl-js/v0.53.0/mapbox-gl.css' rel='stylesheet' />

CSS ファイルには、少なくとも次のものが含まれています

        body { margin:0; padding:0; }
        #map { position:absolute; top:0; bottom:0; width:100%; }

次に、必要なJavaScriptコードを追加します。

```html

``` ```html

```

map_style.json定義では、次のサービスに接続する必要があります。

  <Tab title="Bearer token">
    ```bash
        "sources":{
            "composite":{
              "tiles": ["https://vector.hereapi.com/v2/vectortiles/base/mc/{z}/{x}/{y}/omv"],
              "minzoom": 0,
              "maxzoom": 17,
              "type":"vector"
            }
        },
    ```
  </Tab>
  <Tab title="Apikey">
    ```bash
        "sources":{
            "composite":{
              "tiles": ["https://vector.hereapi.com/v2/vectortiles/base/mc/{z}/{x}/{y}/omv?apikey=APIKEY_HERE"],
              "minzoom": 0,
              "maxzoom": 17,
              "type":"vector"
            }
        },
    ```
  </Tab>
</Tabs>