googlegis - 博客园

2021年5月6日

maptalks 开发GIS地图（17）maptalks.three.10 - boxes

摘要： 1. Boxes 我特意查了一下，Box 的复数是 Boxes，不是Box，threelayer的官方demo里写的是boxs，对象名称写的也是 threeLayer.toBoxs , 所以，我只在这篇文章里修改了这个复数形式，代码里面没有修改。 2. Boxs 从形式上看是 Box 的复数，指的阅读全文

posted @ 2021-05-06 09:35 googlegis 阅读(353) 评论(0) 推荐(0)

maptalks 开发GIS地图（16）maptalks.three.09 - box-stack

摘要： 1. Box-stack 则是使用了不同颜色的材质在同一个地点进行叠加，显示出了颜色渐变的效果。这个效果的用途可以用在多种类型的数据对比。 2. 参考代码从代码中可以看出，在每一个经纬度上，对14个颜色循环添加，相当于在同一个经纬度上叠加了14个颜色块。这里每个颜色块的高度都是100，如果使用高阅读全文

posted @ 2021-05-06 09:21 googlegis 阅读(318) 评论(0) 推荐(0)

maptalks 开发GIS地图（15）maptalks.three.08 - box

摘要： 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 阅读(285) 评论(0) 推荐(0)

2021年4月30日

maptalks 开发GIS地图（14）maptalks.three.07 - bloom

摘要： 1. 这个demo有着比较惊艳的效果，很多实际在用的项目上都采用了这种效果。 2. 添加地图并初始化建筑。 1 var baseLayer = new maptalks.TileLayer('tile', { 2 urlTemplate: 'https://{s}.basemaps.cartocdn 阅读全文

posted @ 2021-04-30 16:25 googlegis 阅读(841) 评论(0) 推荐(0)

maptalks 开发GIS地图（13）maptalks.three.06 bars

摘要： 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 阅读(412) 评论(0) 推荐(0)

maptalks 开发GIS地图（12）maptalks.three.05 bar-music

摘要： 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 阅读(392) 评论(0) 推荐(0)

maptalks 开发GIS地图（11）maptalks.three.04 bar-animation

摘要： 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 阅读(418) 评论(0) 推荐(0)

maptalks 开发GIS地图（10）maptalks.three.03 bar

摘要： 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 阅读(673) 评论(0) 推荐(0)

maptalks 开发GIS地图（9）maptalks.three.02 animation

摘要： 1. 说明：本demo主要是加载了一个具有动画效果的三维机器人，然后通过鼠标选择菜单控制机器人的动作和表情。其实这个机器人，本身就已经具有动画和动作表情效果了，只不过是使用threejs的接口，把它加载到地图上，然后再调用API操控机器人。 2. 先来看一下 ../threelayer/dem 阅读全文

posted @ 2021-04-30 14:00 googlegis 阅读(1140) 评论(0) 推荐(0)

maptalks 开发GIS地图（8）maptalks.three.01 准备

摘要：开始使用maptalks.three 开发之前，先熟悉几个库和概念。 1. dat.gui.min.js https://github.com/dataarts/dat.gui 这是一个用来调试WebGL对象的js库，绑定对象的属性后，可以通过UI的方式，直接修改对象的属性。 2. stats.mi 阅读全文

posted @ 2021-04-30 13:34 googlegis 阅读(840) 评论(0) 推荐(0)

豆棚瓜架

Not Default GIS worker; Break Wall Google fans; Not Enough Money Apple lover.

公告