自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(4)
  • 收藏
  • 关注

原创 mapbox-gl开发:动态画线标绘

在mapbox-gl地图上,实现动态画线的效果,点击左键增加画线的点,鼠标移动,实现线随着鼠标移动位置的效果,点击右键结束画线。mapbox-gl接口实现标绘数据存储在geojson数据中,通过添加数据源、修改数据源,实现地图上的标绘数据实时更新。//添加geojson数据源: this.map.addSource(this.sourceid, { type: 'geojson', data: this.geojsondata })

2021-04-30 14:36:39 1805 1

原创 GIS开发:胖箭头的画法

之前分享过在两类地图上的箭头画法,效果是单线,顶部加了箭头的效果,这里分享一下在地图上胖箭头的画法。胖箭头是在箭头的首尾两点上,横向进行了扩充,最后以面状图层的形式画出来。胖箭头根据首尾两点生成面的方式:–将首尾两点连接成直线,计算直线在地图中的北方向夹角,可以使用turf.js进行计算;–计算和首尾直线垂直的6个点,分别是箭头尾部的两个点和箭头头部的4个样式点,turf.js中有方法计算这6个点,可以参见文章开始的简单箭头中的方法;–将以上的6个点按照顺序连接起来,形成面状的效果,就能在地图

2021-04-23 15:40:26 1259

原创 分享mapbox-gl开源标绘效果(视频)

视频参见地址:https://mp.weixin.qq.com/s?__biz=MzU2ODYzNzc4OQ==&mid=2247485529&idx=1&sn=bf2601cb6fcfdb544e08e9c2f19451ef&chksm=fc8ba86bcbfc217dc4f49c140a57bca1ab377c7e270e2d9ba9cdb2ed067a23c6239e7dead06a&token=113306233&lang=zh_CN#rd分享ma

2021-04-22 15:44:08 709

原创 开源openlayer地图标绘

分享开源的openlayer的地图标绘功能,包含军事标绘,支持openlayers5;github开源地址:https://github.com/sakitam-fdd/ol-plot;基于web墨卡托坐标系的地图,修改源代码应该都能够支持。

2021-04-20 08:59:56 898

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除