上一页 1 2 3 4 5 6 7 8 9 10 ··· 80 下一页
2021年5月7日
maptalks 开发GIS地图（36）maptalks.three.29- custom-image-plane
摘要： 1. image plane 与前面的 geotiff plane 在效果上是类似的。 2. 加载的图片地址 https://gw.alipayobjects.com/mdn/antv_site/afts/img/A*8SUaRr7bxNsAAAAAAAAAAABkARQnAQ 3. 自定义Imag 阅读全文
posted @ 2021-05-07 09:21 googlegis 阅读(220) 评论(0) 推荐(0) 编辑
maptalks 开发GIS地图（35）maptalks.three.28- custom-grid-height
摘要： 1. 带高度的栅格，在栅格的基础上加上高度。 2. 其中是用d3.min.js 和 turf.js D3 是一个数据可视化的JS库，能够实现各种图表。 turf.js 是主要用来进行空间分析，空间几何对象关系的计算，点、线、面之间包含、相交等计算的JS库。 3. 数据使用的是网络数据 https:/ 阅读全文
posted @ 2021-05-07 09:08 googlegis 阅读(383) 评论(0) 推荐(0) 编辑
2021年5月6日
maptalks 开发GIS地图（34）maptalks.three.27- custom-grid
摘要： 1. 大数据量的grid栅格。其中使用了d3.min.js 和 turf 的函数。 2. Grid 数据 1 const geohashlen = 5; 2 function Grid(geojson) { 3 let minLng = Infinity, minLat = Infinity, ma 阅读全文
posted @ 2021-05-06 17:27 googlegis 阅读(353) 评论(0) 推荐(0) 编辑
maptalks 开发GIS地图（33）maptalks.three.26- custom-geotiffplan
摘要： 1. 在地图上添加一个GeoTIFF的图片。 2. 主要使用了 GeoTIFF 和 GeoTiffPlane 对象。 3. 加载完成后为image图片，并使用material进行渲染。 1 fetch('https://gw.alipayobjects.com/os/rmsportal/XKgkjj 阅读全文
posted @ 2021-05-06 17:11 googlegis 阅读(437) 评论(0) 推荐(0) 编辑
maptalks 开发GIS地图（32）maptalks.three.25- custom-flight-path
摘要： 1. 使用飞线，加上飞机的移动，第一眼看过去和前面的 arcline-animation 很类似。 但是内部的代码内容完全不一样。 2. 使用了 Bloom 效果，看起来很不错。 3. 材质 1 var lines = [], lineTrails = []; 2 var material = ne 阅读全文
posted @ 2021-05-06 16:55 googlegis 阅读(500) 评论(0) 推荐(0) 编辑
maptalks 开发GIS地图（31）maptalks.three.24- custom-fatline
摘要： 1. fatline ，这个名字也很有讲究，可是我还是不知道它的含义。 2. 创建 fatline 扩展类 1 var OPTIONS = { 2 altitude: 0 3 }; 4 5 class FatLine extends maptalks.BaseObject { 6 construct 阅读全文
posted @ 2021-05-06 16:39 googlegis 阅读(348) 评论(0) 推荐(0) 编辑
maptalks 开发GIS地图（30）maptalks.three.23- custom-electricShield
摘要： 1. 电子罩栏，这个效果很不错了。可是用在什么地方比较合适呢？ 2. 定义扩展对象类 1 class ElectricShield extends maptalks.BaseObject { 2 constructor(coordinate, options, material, layer) { 阅读全文
posted @ 2021-05-06 15:57 googlegis 阅读(303) 评论(0) 推荐(0) 编辑
maptalks 开发GIS地图（29）maptalks.three.22- custom-coolwater
摘要： 1. coolwater， 确实是很酷的water，其效果也相当不错。对于水域来说， 比单独画一个蓝色的多边形好很多。 2. 首先定义一个CoolWater的扩展对象，然后使用THREE.TextureLoader 进行加载 data/CoolWater-iChannel0.png 和 data/C 阅读全文
posted @ 2021-05-06 15:45 googlegis 阅读(347) 评论(0) 推荐(0) 编辑
maptalks 开发GIS地图（28）maptalks.three.21- custom-cloud
摘要： 1. 白云效果，是真的白云效果。 2. 白云效果的材质 1 function generateTextureCanvas() { 2 // build a small canvas 32x64 and paint it in white 3 var canvas = document.createE 阅读全文
posted @ 2021-05-06 15:07 googlegis 阅读(373) 评论(0) 推荐(0) 编辑
maptalks 开发GIS地图（27）maptalks.three.20 - custom-circle
摘要： 1. 自定义圆圈，从效果上来看，并没有太惊艳，普通的canvas应用，不过圆圈的颜色是渐变色， 这个还是头一次看到实际的应用，平时不太敢想这么去做。 2. 渐变色是使用 canvas 制作的。使用了 ctx.createLinearGradient。 1 function getMaterial(f 阅读全文
posted @ 2021-05-06 15:02 googlegis 阅读(302) 评论(0) 推荐(0) 编辑
上一页 1 2 3 4 5 6 7 8 9 10 ··· 80 下一页

坐标合肥，非典型GIS开发人员 GitHub。