上一页 1 ··· 4 5 6 7 8 9 10 11 12 ··· 80 下一页
摘要: 1. 建筑物轮廓为建筑的边缘线,内部不进行填充颜色,只有边缘线进行勾勒,效果也不错。 2. 将建筑物填充为黑色方块,获取建筑物的边线 1 //default values 2 var OPTIONS = { 3 altitude: 0 4 }; 5 6 //https://zhuanlan.zhih 阅读全文
posted @ 2021-05-06 10:52 googlegis 阅读(442) 评论(0) 推荐(0) 编辑
摘要: 1. 三维建筑应该是GIS中比较典型的应用了,不论是高德百度还是其他的开发库,支持三维地图 显示是比较重要的一个环节。 2. 建筑数据使用的是 ./threelayer/demo/buildings.js 。 这样的数据使用的是json格式的,而不是geojson。 3. 使用 toExtrudeM 阅读全文
posted @ 2021-05-06 10:24 googlegis 阅读(503) 评论(0) 推荐(0) 编辑
摘要: 1. Boxes 我特意查了一下,Box 的复数是 Boxes,不是Box,threelayer的官方demo里写的是boxs,对象名称 写的也是 threeLayer.toBoxs , 所以,我只在这篇文章里修改了这个复数形式,代码里面没有修改。 2. Boxs 从形式上看是 Box 的复数,指的 阅读全文
posted @ 2021-05-06 09:35 googlegis 阅读(328) 评论(0) 推荐(0) 编辑
摘要: 1. Box-stack 则是使用了不同颜色的材质在同一个地点进行叠加,显示出了颜色渐变的效果。 这个效果的用途可以用在多种类型的数据对比。 2. 参考代码 从代码中可以看出,在每一个经纬度上,对14个颜色循环添加,相当于在同一个经纬度上叠加了14个颜色块。这里每个颜色块的高度都是100,如果使用高 阅读全文
posted @ 2021-05-06 09:21 googlegis 阅读(290) 评论(0) 推荐(0) 编辑
摘要: 1. box 从代码上来说,和 bar 的代码类似,只不过是 threelayer.toBar 改为了 threelayer.toBox 。在样式的区别来看,也是 Bar 的六边形变成了 Box 的 四边形。 2. 代码参考 Box: 1 var bar = threeLayer.toBox(d.c 阅读全文
posted @ 2021-05-06 08:48 googlegis 阅读(261) 评论(0) 推荐(0) 编辑
摘要: 1. 这个demo有着比较惊艳的效果,很多实际在用的项目上都采用了这种效果。 2. 添加地图并初始化建筑。 1 var baseLayer = new maptalks.TileLayer('tile', { 2 urlTemplate: 'https://{s}.basemaps.cartocdn 阅读全文
posted @ 2021-04-30 16:25 googlegis 阅读(767) 评论(0) 推荐(0) 编辑
摘要: 1. 说明 使用柱状图,并根据音乐节奏显示动画效果。 2. 初始化地图并添加threelayer 1 var map = new maptalks.Map("map", { 2 center: [19.06325670775459, 42.16842479475318], 3 zoom: 3, 4 阅读全文
posted @ 2021-04-30 15:51 googlegis 阅读(359) 评论(0) 推荐(0) 编辑
摘要: 1. 说明 使用柱状图,并根据音乐节奏显示动画效果。 2. 初始化地图 1 var map = new maptalks.Map("map", { 2 center: [120.88083857368815, 31.494732837748273], 3 zoom: 10, 4 pitch: 35, 阅读全文
posted @ 2021-04-30 15:32 googlegis 阅读(358) 评论(0) 推荐(0) 编辑
摘要: 1. 说明 使用柱状图,并加上了动画效果。 2. 初始化地图 1 var map = new maptalks.Map("map", { 2 center: [120.74088044043242, 30.48913000018203], 3 zoom: 9.478337137999542, 4 p 阅读全文
posted @ 2021-04-30 15:02 googlegis 阅读(369) 评论(0) 推荐(0) 编辑
摘要: 1. 说明 这个 demo 主要显示3D的柱状图,而且是具有地理位置信息的柱状图,比echart那些二维的柱状图效果当然要好很多。 2. 初始化地图 1 var map = new maptalks.Map("map", { 2 center: [19.06325670775459, 42.1684 阅读全文
posted @ 2021-04-30 14:29 googlegis 阅读(609) 评论(0) 推荐(0) 编辑
上一页 1 ··· 4 5 6 7 8 9 10 11 12 ··· 80 下一页

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