Mapbox's js error report that part of the map of China cannot be displayed.

clipboard.png

clipboard.png

clipboard.png

clipboard.png
as shown in the picture, the Chinese part cannot be displayed, and a lot of mistakes have been reported.

part of the code:

   var _this = this;
   mapboxgl.accessToken = config.map_token;
   const map = new mapboxgl.Map({
    container: _this.$refs.basicMapbox,
    style: "mapbox://styles/mapbox/streets-v9",
    center: [_this.lng, _this.lat],
    zoom: 9,
  });
  let img = new Image();
  img.src = "/image/cn/normal.png";
  var marker = new mapboxgl.Marker(img, { offset: { x: 0, y: -20.5 } })
    .setLngLat([_this.lng, _this.lat])
    .addTo(map);

since we use the data sources provided by mapbox, it should be their data problem. Those two data sources do not exist.

Menu