Mapbox GL JS #006 – Mapboxスタイルを表示

背景にMapboxスタイルを表示するメモ。

script.js

mapboxgl.accessToken = 'pk.eyJ1Ijoic29iZXJqcCIsImEiOiJjamg0cmNtMmwwZ2Q4MnFvMzh5ODB2dTdwIn0.xezpDoQXZokQcjK9YgkeLQ';

// Mapboxスタイル読み込み
var map = new mapboxgl.Map({
    container: "map",
    style: 'mapbox://styles/mapbox/dark-v9',
    center: [139.767, 35.681],
    zoom: 11
});

// コントロール関係表示
map.addControl(new mapboxgl.NavigationControl());

Mapbox GL JSを手軽に始めるビルド環境公開しています。
mapboxgljs-starter

• 参考文献
  Mapbox GL JS