Mapboxgl

mapboxgl 互联网地图纠偏插件（三）

看效果图：image好了，接下来说一下过程先回顾一下这个系列的第一篇和第二篇第一篇是直接改的mapboxgl源码，在源码里面对瓦片的位置进行纠偏，遇到的问题是，地图旋转时会有错位，还有瓦片纠偏后屏幕边缘会有空白
GIS兵器库·2023-08-27 16:01

Mapboxgl实现点animate动画效果

最近发现超图官网里面封装了vue组件，有些功能挺炫酷，于是从中选择了一个marker点动画的功能，提取代码封装成自己的体系，不依赖它的开源js包，“学以致用”。超图官网demo地址：http://iclient.supermap.io/examples/component/editor.html#components_animate_marker_layer_vue动画效果使用的是css+dom元
happy_port·2023-08-17 14:34

postgis mvt矢量切片 django drf mapboxgl

postgismvt矢量切片djangodrfmapboxgl目录0.前提1.sql代码2.djangodrf后端服务代码3.具体的应用（整体代码）0.前提[1]静态的矢量切片可以采用tippecanoe生成，nginx代理，这种数据是不更新的；[2]动态的矢量切片，一般采用postgis生成。基本上矢量切片80%的厂商都采用postgis，确实好用！不谈商业的。[3]postgis矢量切片使用到
LEILEI18A·2023-08-03 16:20

mapboxgl 互联网地图纠偏插件（一）

最近想对mapboxgl也写一个这样的插件。原因是自己发布的OSM矢量瓦片地图精度不够高，当需要放大地图查看详细信息时，就可以拿百度、高德的栅格瓦片做个补充。而使用它们的第一步就是要先纠偏。
GIS兵器库·2023-08-01 05:47

mapboxGL中楼层与室内地图的结合展示

概述质量不够，数量来凑，没错，本文就是来凑数的。前面的几篇文章实现了楼栋与楼层单体化的展示、室内地图的展示，本文结合前面的几篇文章，做一个综合的展示效果。实现效果实现1.数据处理要实现上图所示的效果，核心是结合框架的使用对数据进行处理。定义楼层数、楼层高度、楼顶高度constfloorNums=10,floorHeight=20,floorTop=2楼栋的数据需要处理楼层和楼顶//楼栋的边界数据c
牛老师讲GIS·2023-07-29 11:05

Mapbox

Addarastertilesourcebody{margin:0;padding:0;}#map{position:absolute;top:0;bottom:0;width:100%;}mapboxgl.accessToken
Odeng·2023-07-29 02:03

vue中使用Mapbox+Echartsgl进行可视化

$echarts=echarts2,引入mapboxgl在public/index.html中引入3，代码exportdefault{compo
疆~·2023-07-16 04:03

vue3+mapboxgl鼠标浮动显示cgcs2000

一、需求鼠标在地图中浮动展示地图的经纬度，cgcs2000xy还有显示带号二、实现效果展示经度，纬度，x值，y值显示的是带号和y值三、思路3.1、mapbox获取经纬度方法初始化地图后.on方法中有个mousemove方法mapboxUtil._mapInstance.on('mousemove',mapboxUtil.mouseMove);mouseMove(e){console.log(e,"
侧耳倾听...·2023-07-16 04:58

mapboxgl中的symbol碰撞检测随笔

在mapboxgl里面，symbol的碰撞检测是通过计算symbol的二维边界框，然后设置顶点透明度来实现symbol淡入淡出效果来模拟碰撞。
sky.....·2023-06-23 05:51

VUE3 + TS + MapboxGL + 拖拽定位

VUE3+TS+MapboxGL+拖拽定位mapbox的拖拽定位，相对于其他api来说还是相对容易实现的。只需要在中心创建图层，之后在地图移动时候一直更改图层的中心即可。
dzkkkkkk·2023-06-18 16:16

从零开始Vue项目中使用MapboxGL开发三维地图教程（一）MapboxGL介绍以及前期vue项目的搭建

MapboxGL介绍以及前期vue项目的搭建1、Mapbox-gl简介2、搭建vue项目2.1、创建vue项目2.2、注册mapbox官网2.3、mapbox-gl入门案例3、Mapbox-gl地图主要配置参数说明
hhzz·2023-06-18 16:45

从零开始Vue项目中使用MapboxGL开发三维地图教程（五）实现框选要素功能、可拖动点展示坐标以及地图上实时更新要素

文章目录1、实现框选要素功能1.1、添加点数据的图层：1.2、增加绘图插件（mapbox-draw）1.3、实现框选并让选择的目标数据高亮2、实现地图上可拖动点2.1、实现功能：2.2、实现思路：2.3、代码示例：3、实时更新要素功能1、实现框选要素功能1.1、添加点数据的图层：数据源名称为earthquakes，点图层id为clustersmap.addSource('earthquakes',
hhzz·2023-06-17 14:47

从零开始Vue项目中使用MapboxGL开发三维地图教程（五）加载点、线、面图层以及三维面图层（白模）

目录1、加载点图层2、加载线和面图层3、加载三维面图层（白模）1、加载点图层开发地图应用时，加载POI等点状数据，显示文字或者图标信息，mapbox-gl对应使用的是符号图层（symbol），下面的代码时使用MapboxGLJS中的默认Marker方法向地图添加两个标记。//CreateadefaultMarkerandaddittothemap.constmarker1=newthis.$map
hhzz·2023-06-17 14:37

Cesium 加载mapboxgl最新失量切片(mvt)

#原因参照Openlayers提供的样式加载，发现样式没有mapboxgl加载好看，如果更换mapboxgl版本或者采用自发布地图，还需要调整代码，因此参考mapboxgl底层，重新进行了优化#思路传入
tufeibobo·2023-06-06 22:58

mapbox FullscreenControl 全屏展示出现底部留黑

这个是我用天地图公司写的但是出现了全屏展示的时候出现了底部流黑，查看流黑是因为他默认给了900多的高度，我们加上这两句就可以了 document.getElementsByClassName("mapboxgl-canvas
侧耳倾听...·2023-04-17 08:18

vue+MapboxGL：从0 到1 搭建开发环境

本系列教程是在vue2.X的基础上加载mapbox程序，来开发各种示例程序。安装顺序1，下载安装nodejs下载地址：https://nodejs.org/en/download/根据用户自己的机器情况进行选择不同版本的软件下载。本教程示例采用是是windows64位系统软件。安装过程很简单，一路下一步。更为详细的请参考：http://www.openlayers-cesium.com/2021/
还是大剑师兰特·2023-04-12 21:24

Mapbox 图层中哪些属性属于layout,哪些属性属于paint

layout,哪些属性属于paintlayoutandpaintproperties|Help|MapboxLayoutproperties和paintproperties是层的两个子属性，用于定义如何在MapboxGL
小火车况且况且·2023-04-12 00:03

mapboxgl 互联网地图纠偏插件（二）

前段时间写的mapboxgl互联网地图纠偏插件（一）存在地图旋转时瓦片错位的问题。
GIS兵器库·2023-04-05 21:09

如何让矢量瓦片配图神器maputnik支持 geoserver

关键词：maputnik、geoserver、矢量地图、矢量瓦片、mapbox、mapboxgl、地图配图、地图配色一直想搞一个类似百度、高德地图那样的矢量地图配图工具百度个性化地图配图工具：image
GIS兵器库·2023-04-01 01:39

mapboxgl + deckgl 入门例子

前言mapboxgl提供底图，deckgl可以提供更为丰富的可视化效果图层，两者的结合可以提供更多的可视化方式。本文仅是简单尝试，后续可以做更多的探索。
imxiezy·2023-03-31 04:13

webgis之制作地图切片方法(三) —— tippecanoe

本文将介绍该工具简单应用方式，并通过MapboxGL预览切片。环境macOS、tip
imxiezy·2023-03-31 04:49

MapboxGL.Light

Lightrepresentsthelightsourceforextrudedgeometries灯光表示拉伸几何图形的光源propsPropTypeDefaultRequiredDescriptionstylecustomnonefalseCustomizablestyleattributes可自定义的样式属性stylesanchorpositioncolorintensityNameanch
jadefan·2023-03-30 01:01

mapboxgl 地图样式 - 唯一值渲染

mapboxgl中提供了强大的地图样式编辑功能，样式表达式是其一大特色。唯一值渲染是GIS中常见的专题图渲染方式，今天我们来看一下如何用mapboxgl中的样式表达式实现这一效果。
GIS兵器库·2023-03-25 23:16

MapBox实现自定义图标，并且根据数据定义图标大小和颜色，以及鼠标经过显示信息框

MapboxGLJSMapboxGLJS是一个JavaScript库，它使用WebGL呈现交互式地图vectortiles和Mapboxstyles....它是MapboxGL生态系统的一部分，包括MapboxMobile
墨倾心児·2023-03-17 02:00

如何在二维或三维地图中叠加一个视频（以mapboxgl为例）

手上有一个交通分析结果视频，正射视角，来自遥感卫星视频，通过加工形成交通流量视频分析成果，现在需要把分析结果放在地图中进行可视化展示mapboxgl的地图如下map=newmapboxgl.Map({container
Make_GIS_Simple·2023-03-15 14:41

ArcGIS JS 4加载第三方矢量切片

不过跟mapboxgl相比还是有些逊色，mapboxgl可以加载6M大小的切片，但ArcGISJS4却不行。矢量切片还是需要控制好大小，这样才能快速传输和渲染。varstyle={"version"
polong·2023-03-13 04:34

ArcGIS+deck.gl矢量切片三维化表示建筑白模

背景介绍很多ArcGISAPIforJavaScript的用户想要ArcGIS的矢量切片技术体系实现Mapboxgl将城市建筑物footprint矢量切片三维化成建筑白模的效果。
Xuds·2023-02-06 23:47

vite map

/style.css';importmapboxglfrom'mapbox-gl';mapboxgl.a
hehehehe·2023-01-29 09:56

2020年链家网成都二手房销售情况可视化总结

应用框架——Django可视化引擎：蚂蚁金服AntV数据可视化团队推出的AntV地理可视化引擎L7,https://ant.design/index-cnmapbox是一个开源的地图引擎、强大的前段地图框架mapboxgl
JayeJOJO·2023-01-18 01:03

主流webGis框架优劣比较

选择的方式主要是根据业务需求，主要分为:传统GIS业务(Leaflet)，三维业务(Cesium)，互联网展示型(MapboxGL)，老IE浏览器，老业务维护(OpenLayers)。
莫问前程F6·2022-12-20 17:20

可视化例子(1)——Mapbox-bar3D(3D地图柱状图)

一、效果图二、底图说明底图使用的是Mapbox地图，当调用时首先需要使用accessToken（可以在Mapbox官网免费申请）mapboxgl.accessToken='你的accessToken'mapbox
爱睡懒觉的老舅·2022-11-26 07:46

mapboxgl 中插值表达式的应用场景分析

目录一、前言二、语法三、对地图颜色进行拉伸渲染1.热力图2.轨迹图2.模型网格渲染四、随着地图缩放对图形属性进行插值五、interpolate的高阶用法六、总结一、前言interpolate是mapboxgl
·2022-09-30 13:40

关于mapboxgl加载tiff的问题

目录缘起mapboxgl加载tifftiff文件解析最终展示方案总结参考资料：mapboxgl通过添加tiff图层，解决小网格的fill图层在地图缩小时图层不显示问题缘起近期在项目中遇到这么一个需求，需要在地图上展示一组格网数据
·2022-09-30 13:40

mapboxgl加载tiff

缘起近期在项目中遇到这么一个需求，需要在地图上展示一组格网数据，格网大小为2m*2m，地图api用的mapboxgl。起初拿到这个需要感觉很easy，在地图上添加一个fill图层就好啦。
·2022-09-29 11:29

Mapbox基础

在地图上添加一个图标mapbox数据源：Geojson格式数据：mapbox图层：3.添加GeoJSON线：4.鼠标单击显示弹窗：5.添加标记6.添加功能按钮Mapbox地图使用矢量切片技术和地图渲染技术（MapboxGL
xiaoshihd·2022-09-28 01:15

【mapbox】mapbox入门-基础配置

引入&原生js工程引入整体结构htmlcss#map{position:absolute;top:0;bottom:0;width:100%;}去掉mapbox标，左下角及右下角link的方式方式一：.mapboxgl-ctrl-bottom-left
香芋芋圆·2022-09-28 00:25

mapbox初步使用

:0;width:100%;}.geocoder{position:absolute;z-index:1;width:50%;left:50%;margin-left:-25%;top:20px;}.mapboxgl-ctrl-geocode
.何以歌·2022-09-28 00:54

简单使用 MapboxGL 自定义图层绘制带贴图的矩形

贴图效果注意点构成矩形的两个三角形需要使用mapboxgl.MercatorCoordinate.fromLngLat方法转换至WebGL中的场景世界坐标，注意案例中是如何设置三角形顺序的，要逆时针render
·2022-07-20 23:28

mapboxgl 中插值表达式的应用场景

一、前言interpolate是mapboxgl地图样式中用于插值的表达式，能对颜色和数字进行插值。它的应用场景有两类：对地图数据进行颜色拉伸渲染。常见的应用场景有：热力图、轨迹图、模型网格渲染等。
·2022-05-10 19:09

mapboxgl 中插值表达式的应用场景

interpolate是mapboxgl地图样式中用于插值的表达式，能对颜色和数字进行插值。它的应用场景有两类：1、对地图数据进行颜色拉伸渲染。2、在地图缩放时对图形属性进行插值。
GIS兵器库·2022-05-10 18:00

mapboxgl 地图样式 - 重分类渲染

上回，我们在《mapboxgl地图样式-唯一值渲染》中了解到case、match、get等表达式，通过表达式来完成了唯一值渲染。
·2022-03-11 15:58

mapboxgl 地图样式 - 唯一值渲染

mapboxgl中提供了强大的地图样式编辑功能，样式表达式是其一大特色。唯一值渲染是GIS中常见的专题图渲染方式，今天我们来看一下如何用mapboxgl中的样式表达式实现这一效果。
·2022-03-11 15:57

mapboxGL中sprite的前端生成

概述在前面的文章讲述了mapboxGL中的sprite以及其java中的生成方式，本文将结合Promise讲讲其前端的生成方式。
牛老师讲webgis·2022-02-12 13:42

mapboxgl 纠偏百度地图

缘起之前分享了mapboxgl互联网地图纠偏插件，插件当时只集成了高德地图。文章发布后，有小伙伴在后台留言，希望插件也能支持百度地图。刚好国庆假期有时间就研究了一下。
·2021-10-11 13:49

GIS常用算法

作为一个GISer，在日常WebGIS开发中，会常用到的turf.js，这是一个地理空间分析的JavaScript库，经常搭配各种GISJSAPI使用，如leaflet、mapboxgl、openlayers
·2021-09-10 11:43

mapboxgl 互联网地图纠偏插件（一）

最近想对mapboxgl也写一个这样的插件。原因是自己发布的OSM矢量瓦片地图精度不够高，当需要放大地图查看详细信息时，就可以拿百度、高德的栅格瓦片做个补充。而使用它们的第一步就是要先纠偏。
·2021-08-16 20:45

mapboxgl 互联网地图纠偏插件（三）

看效果图：好了，接下来说一下过程先回顾一下这个系列的第一篇和第二篇第一篇是直接改的mapboxgl源码，在源码里面对瓦片的位置进行纠偏，遇到的问题是，地图旋转时会有错位，还有瓦片纠偏后屏幕边缘会有空白。
·2021-08-16 20:42

mapboxgl绘制3D线

最近遇到个需求，使用mapboxgl绘制行政区划图层，要求把行政区划拔高做出立体效果，以便突出显示。
GIS兵器库·2021-07-01 18:44

SuperMap二维iClient客户端如何添加自定义请求头(一）

在项目实际应用中，有时候需要在发送请求中添加一些自定义的请求头，那现在来看看SuperMap二维iClient客户端中是如何是使用的捏1.版本支持情况二维iClientforLeaflet/Openlayers/MapboxGL
ayiyayiyo·2021-06-26 05:44

mapboxGL多图对比

概述前面的文章mapboxGL卷帘里面实现的时候已经有涉及多图联动了，本文在此基础上进一步优化，加入鼠标位置展示。
lzugis·2021-06-08 09:13
上一页 1 2 3 4 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他