Comments (12)
from mvtimageryprovider.
仓库提供的example里没能复现这个错误,但确实没有给requestTransformFn提供良好的说明,该函数用于拦截瓦片请求并修改url或者header,可参考
MVTImageryProvider/example/src/index.js
Lines 16 to 22 in 34463f3
建议可以更新最新的版本试试,如果错误仍然存在,请提供一下代码示例以便排查
from mvtimageryprovider.
@kikitte 你好!我也是使用的示例代码进行加载,也存在该问题!
由于我使用的基础开发环境为Angular15,我的具体步骤为:
1、拷贝文件中的index.js mapbox-gl.js到 src/app下,
2、在app.component.ts中添加如下代码
3、将mapbox-basic-v8.js文件中export default{...}中文件拷贝至app.component.ts中,并添加如下变量const styles = {...}
4、运行代码,出现了上面的问题。
5、代码为最新拉取下来的。
from mvtimageryprovider.
@Wanghongrong 感谢您提供的如此详细的描述。经过我的再次检测,仓库里提供的代码可以正常运行,没有出现_requestTransformFn
报错,这里也提供一个基于webpack构建的可以正常运行例子。example.zip
我猜想可能是因为 Angular对经打包好的mapbox-gl.js进行了一些处理才导致的错误(但是不确定,所以这里的讨论仍然是实验性质),可以参考#18 这个问题里面提到的处理方法。如果问题仍然存在,烦请您提供一个可以复现的Angular工程(一个可以复现问题的最小代码示例即可)。
from mvtimageryprovider.
@kikitte 你好!
仓库中的代码是可以运行的。但是当我将他移植到Angular环境下,确实出现了该问题,测试的Angular工程详细见附件!
s3mplugin-test.zip
from mvtimageryprovider.
@Wanghongrong 请参考#18 中的解决办法。
from mvtimageryprovider.
@kikitte 已参照#18的解决办法处理,仍有该问题。
具体步骤为:
1、将mapbox-gl.js的export.modules更改为window.Mapbox
2、将index.js中的new Mapbox.BasicRenderer(...),更改为new window.Mapbox.BasicRenderer(...)
3、将index.js中的Mapbox.accessToken更改为window.Mapbox.accessToken
from mvtimageryprovider.
@Wanghongrong #18 中提及的一个关键点是通过script标签引用mapbox-gl.js,如此便没问题。
from mvtimageryprovider.
@kikitte 你好,我已按照上面的要求更改了响应的代码,将mapbox-gl.js进行引入,但还是报错,具体截图如下:
from mvtimageryprovider.
@Wanghongrong Hello, 这是一个
可以运行的例子,基于您提供的s3m-plugin-test.zip,希望可以帮助到您。
s3mplugin-test.tar.gz
mapbox-gl.tar.gz
from mvtimageryprovider.
@kikitte 感谢,现在他可以运行了。
from mvtimageryprovider.
@kikitte 修改Mapbox Vector Tile Basic JS Renderer,将_transformRequest改为箭头函数重新打包就可以了,commonjs的类在转换成esm时this需要强制绑定,或者使用箭头函数明确this指向
hongfaqiu/Mapbox-vector-tiles-basic-js-renderer@fa8666c#diff-34e7fbdc82f0cc7e8c4d7916c5b2d9fd5703944f7212cc2520ec568329323f83R62-R66
from mvtimageryprovider.
Related Issues (20)
- 矢量瓦片上球展示后频繁更改要素属性会导致cesium地球崩溃 HOT 13
- can it provide fill-extrusion style? HOT 1
- 不能正确加载geoserver发布的矢量瓦片 HOT 3
- 标注时不能渲染中文字符 HOT 3
- 新版样式支持问题 HOT 1
- vite 加 vite-plugin-cesium里面引入使用会报错 HOT 6
- 加载mapbox style报错 HOT 6
- 请问如何支持4490和4326 HOT 1
- 放大图层层级,部分矢量数据加载不出来 HOT 1
- BasicRenderer刷新问题 HOT 1
- mapbox更改maplibre HOT 1
- MVTImageryProvider.fromUrl或者new MVTImageryProvider加载远程的json后报错 HOT 1
- 作者您好,我们项目中使用了您的库,但是我有几个疑问,向您请教,期待回复。 HOT 1
- 我尝试通过pickFeatures方法获取矢量元素信息,但是该方法返回的Promise状态总是rejected,我找不到问题的所在,求助。 HOT 4
- 请问 地图放大 报这个bug什么问题呢??? HOT 2
- 矢量瓦片中的图层显示顺序有点问题 HOT 5
- 无法加载显示中文标注,英文的标注显示正常 HOT 1
- 加载 点的pbf 时 type能否支持 symbol 以及 layers: "icon-image" 需要自定义图片时 我改怎么定义 因为没办法用map.addimage HOT 2
- 好像这个在新版本的ceisum中不行
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from mvtimageryprovider.