mapbox展现地图

https://docs.mapbox.com/mapbox-gl-js/api/

这个mapbox的官网，现在举个例子，展现地图直接上图

 

<template>
  <div class="hello">
    <div id="map" style="width: 2400px; height: 1000px;"></div>
  </div>
</template>

<script>
export default {
  name: "Map",
  data() {
    return {};
  },
  methods: {},
  mounted() {
    mapboxgl.accessToken =
      "pk.eyJ1IjoiMTU5MzU3MyIsImEiOiJjamw3bW85dHkwbXlvM3ZzMm5iZnZ6bWJpIn0.W6_MGVjNaImIybFdMJBMpg";
    var map = new mapboxgl.Map({
      container: "map",
      style: "mapbox://styles/mapbox/streets-v9",
      zoom: 5,//缩放层级
      center: [108.420679, 36.772537]//进入后展现的中心点
    });
  }
};
</script>

<style scoped>
</style>