JackGIS

2022年12月21日

摘要：实现效果（这里做了1条主河道和5个支流）：核心代码使用了Leaflet.hotline插件，github下载地址链接详情见我之前整理的一篇文章介绍河流热力图核心代码逻辑： // 处理河流数据以及渲染热线图 let coorObj = this.handleRiverData(this.wate 阅读全文

posted @ 2022-12-21 09:43 JackGIS 阅读(1010) 评论(0) 推荐(0)

leaflet实现地图遮罩

摘要：实现地图遮罩效果（主要显示目标区域内部，外部用暗色填充）：地图遮罩实现思路：外部建一个很大的矩形区域和内部行政区边界线组成一个镂空的polygon，然后给这个polyon一个透明度为0.4的黑色即可。源代码： //边界高亮及遮罩效果，arr是内部行政区边界线的geojson的坐标 drawBou 阅读全文

posted @ 2022-12-21 09:23 JackGIS 阅读(2311) 评论(0) 推荐(0)

2022年12月16日

uniapp中正确使用echart

摘要： uniapp中不能直接使用百度echart，要么就只能嵌入html，然后在html中进入echart进行使用，这样非常不方便，下面介绍这个插件，对百度echart进行局部小改造，使他能在uniapp上使用。关键是vue2和vue3上都可以使用，如下：插件地址链接：百度图标echarts 阅读全文

posted @ 2022-12-16 19:01 JackGIS 阅读(1181) 评论(0) 推荐(0)

uniapp中利用renderjs引入leaflet

摘要：由于uniapp中要使用地图，虽然uni-app有地图组件map，但是很难用，而且性能很差。在app中是不能操作dom，所以直接用leaflet是不可能的。最终发现了renderjs，官网提出，在app-vue环境下，视图层由webview渲染，而renderjs运行在视图层，自然可以操作dom和w 阅读全文

posted @ 2022-12-16 17:05 JackGIS 阅读(2781) 评论(0) 推荐(0)

2022年12月7日

cesium教程11-加载倾斜摄影，添加billboard并注册点击事件

摘要：完整示例代码如下： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>天地图</title>  <script src="js/cesium1. 阅读全文

posted @ 2022-12-07 17:25 JackGIS 阅读(1794) 评论(0) 推荐(0)

公告