亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

為了賬號安全,請及時綁定郵箱和手機立即綁定
已解決430363個問題,去搜搜看,總會有你想問的

使用節點實現 Mapbox 時在瀏覽器中接收“要求未定義”

使用節點實現 Mapbox 時在瀏覽器中接收“要求未定義”

慕蓋茨4494581 2023-05-11 10:22:15
我正在上一門課程,目前正在嘗試實施 mapbox.js 。我已直接按照 mapbox 文檔中的所有說明進行操作,但在控制臺中收到錯誤消息:Uncaught ReferenceError: require is not defined<anonymous> http://localhost:8000/js/mapbox.js:3這是我的 mapbox.js 文件:var mapboxgl = require('mapbox-gl/dist/mapbox-gl.js');mapboxgl.accessToken =  'pk.eyJ1IjoiYnJhbmF1c3QiLCJhIjoiY2tnOHVibGllMDVuYjJ5cHFmbmpucndwZSJ9.KBzYV-QSHSChEb6QJpNpdg';var map = new mapboxgl.Map({  container: 'map',  style: 'mapbox://styles/mapbox/streets-v11',});我在一個單獨的 .pug 文件中附加到我的基本文件的頭部:block append headlink(href='https://api.mapbox.com/mapbox-gl-js/v1.12.0/mapbox-gl.css' rel='stylesheet'
查看完整描述

1 回答

?
紅顏莎娜

TA貢獻1842條經驗 獲得超13個贊

require是節點 js(服務器端)中的一個函數,而不是瀏覽器中的函數。

或者

或者,只需添加鏈接到 mapbox js 文件的腳本標簽并刪除你的 require 語句。

因此,將其添加到您的 html 中:?<script src='https://api.mapbox.com/mapbox-gl-js/v1.12.0/mapbox-gl.js'></script>

然后將您的代碼更改為:

mapboxgl.accessToken =

? 'pk.eyJ1IjoiYnJhbmF1c3QiLCJhIjoiY2tnOHVibGllMDVuYjJ5cHFmbmpucndwZSJ9.KBzYV-QSHSChEb6QJpNpdg';

var map = new mapboxgl.Map({

? container: 'map',

? style: 'mapbox://styles/mapbox/streets-v11',

});


查看完整回答
反對 回復 2023-05-11
  • 1 回答
  • 0 關注
  • 169 瀏覽
慕課專欄
更多

添加回答

舉報

0/150
提交
取消
微信客服

購課補貼
聯系客服咨詢優惠詳情

幫助反饋 APP下載

慕課網APP
您的移動學習伙伴

公眾號

掃描二維碼
關注慕課網微信公眾號