minemap
关注
分享
扫一扫
A873054267
这个作者很懒，什么都没留下…
展开
-
minemap 3.0加载底图注记模糊
在初始化后，关闭抗锯齿即可。// 抗锯齿功能//map.fxaaRender = true;原创 2020-07-28 16:54:18 · 373 阅读 · 0 评论 -
minemap 3.0 加载影像
自从用了minemap3.0，我连球都玩儿不来了，神奇的改造，需要自己添加影像，不添加就永远都是模糊的。http://dev.minedata.cn/minemapapi/demo-3.0.0/#base_map<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>基础地图</title> <link rel="原创 2020-07-13 18:58:35 · 753 阅读 · 0 评论 -
mapbox/minemap 动态扩散/水纹效果
官网上的demo使用div来做的，但当数据量变大后，地图移动会特别卡。因此需要用canvas来绘制。非地图模式下，此段代码可以直接运行，最终版本：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>添加圆形扩散效果标注...原创 2019-10-15 17:12:45 · 4210 阅读 · 1 评论 -
mapbox/minemap 首屏固定比例尺为1:20
由于不同纬度，同一zoom下，比例尺会不同，在不改动底层的情况下，可以通过手动触发zoom事件来完成。this.map.on('zoomend', () => { //设置获取地图比例尺 let mapScale=document.getElementById('map').innerText.split('km')[0] //缩放到1:20km的比例尺 _this.w...原创 2019-10-14 18:00:44 · 943 阅读 · 0 评论 -
mapbox/minemap 获取比例尺
mapbox目前的框架是所谓的无极缩放，与传统的地图18/20级存在一定的差异性。zoom与scale非一一对应关系。产品的需求是，默认视图是1:20km，但是问题在于同一个zoom 7.5在德国境内是1:20但是在中国境内却变为了1:30.这是下一步有待解决的。可以通过监听当前的比例尺，手动触发放大或者缩小事件来控制比例尺在符合条件的范围内。目前未找到更适合的方式了。本方法也不是直接...原创 2019-10-13 11:07:33 · 3533 阅读 · 9 评论 -
vue,初始化地图的canvas宽高不正确。调整一下浏览器的宽度就恢复正常
这是由于地图创建先于dom创建完成的事件，因此需要map.resize才行。目前是定时去map.resize().体验较差。。。setTimeout(() => { if(this.map){ console.log('resize') this.map.resize() this.mapWidth=this.map.getCanvas().width+"p...原创 2019-09-19 15:41:15 · 1132 阅读 · 3 评论 -
mapbox/minemap 获取底图对象中的所有图层
this.map.style._layers原创 2019-09-17 18:00:11 · 1629 阅读 · 0 评论 -
mapbox/minemap 加载osm/google底图
var map = new minemap.Map({ container: 'map',//style: '//minedata.cn/service/solu/style/id/2374', //style: "//minedata.cn/service/solu/style/id/2365", /*底图样式*/ style: { "version": 8, "...原创 2019-09-17 17:59:12 · 2274 阅读 · 0 评论 -
mapbox/minemap removeLayer
There is already a source with this ID在使用移除图层时，发现移除了之后不能再次加载了。原因是在创建图层时，创建图层和添加source时放在一个函数中了，而removelayer只是移除了layer，source还在内存之中，因此会报这个错误。由此可见，mapbox是将layer与source分开管理。因此sourceid一定要唯一官网给的方式必须使用这...原创 2019-09-17 12:48:36 · 4438 阅读 · 2 评论 -
mapbox/minemap 改变选中矢量的颜色
1记录两个知识点，一个是数据驱动渲染矢量。paint的模式line-color设置为get模式。'line-color': ['get', 'color'],会自动从数据的属性里面读取。layer.paint={ 'line-color': ['get', 'color'], "line-width": { 'property': 'flow', 'stop...原创 2019-09-11 14:55:03 · 2170 阅读 · 0 评论