        width: 100%;
      }
    </style>
  </head>

  <body>
    <div id="map"></div>
    <script>
      //一定要去mapbox注册一个key,这个key会失效的
      mapboxgl.accessToken =
        "pk.eyJ1IjoicGFybmRlZWRsaXQiLCJhIjoiY2o1MjBtYTRuMDhpaTMzbXhpdjd3YzhjdCJ9.sCoubaHF9-nhGTA-sgz0sA";
      var map = new mapboxgl.Map({
        container: "map", // 绑定div
        style: "mapbox://styles/mapbox/dark-v9", // 使用MapBox官方的样式
        center: [-122.4629751, 37.73956691],
        zoom: 