摘要:
1. 这个demo有着比较惊艳的效果,很多实际在用的项目上都采用了这种效果。 2. 添加地图并初始化建筑。 1 var baseLayer = new maptalks.TileLayer('tile', { 2 urlTemplate: 'https://{s}.basemaps.cartocdn 阅读全文
摘要:
1. 说明 使用柱状图,并根据音乐节奏显示动画效果。 2. 初始化地图并添加threelayer 1 var map = new maptalks.Map("map", { 2 center: [19.06325670775459, 42.16842479475318], 3 zoom: 3, 4 阅读全文
摘要:
1. 说明 使用柱状图,并根据音乐节奏显示动画效果。 2. 初始化地图 1 var map = new maptalks.Map("map", { 2 center: [120.88083857368815, 31.494732837748273], 3 zoom: 10, 4 pitch: 35, 阅读全文
摘要:
1. 说明 使用柱状图,并加上了动画效果。 2. 初始化地图 1 var map = new maptalks.Map("map", { 2 center: [120.74088044043242, 30.48913000018203], 3 zoom: 9.478337137999542, 4 p 阅读全文
摘要:
1. 说明 这个 demo 主要显示3D的柱状图,而且是具有地理位置信息的柱状图,比echart那些二维的柱状图效果当然要好很多。 2. 初始化地图 1 var map = new maptalks.Map("map", { 2 center: [19.06325670775459, 42.1684 阅读全文
摘要:
1. 说明: 本demo主要是加载了一个具有动画效果的三维机器人,然后通过鼠标选择菜单控制机器人的动作和表情。 其实这个机器人,本身就已经具有动画和动作表情效果了,只不过是使用threejs的接口,把它加载到地图上, 然后再调用API操控机器人。 2. 先来看一下 ../threelayer/dem 阅读全文
摘要:
开始使用maptalks.three 开发之前,先熟悉几个库和概念。 1. dat.gui.min.js https://github.com/dataarts/dat.gui 这是一个用来调试WebGL对象的js库,绑定对象的属性后,可以通过UI的方式,直接修改对象的属性。 2. stats.mi 阅读全文
摘要:
maptalks 是针对2D地图添加了视角和旋转等功能,实现的2.5D的地图库,以针对threejs支持著称。 不过本篇只针对maptalk中的插件 threeLayer 的功能进行介绍,maptalks 的基础功能请查看: https://github.com/WhatGIS/maptalkMap 阅读全文
摘要:
51. geoJson to geometry 1 var json = { 2 'type': 'Feature', 3 'geometry': { 4 'type': 'Point', 5 'coordinates': [-0.113049,51.498568] 6 }, 7 'properti 阅读全文
摘要:
41. Distance measure 1 var distanceTool = new maptalks.DistanceTool({ 2 'symbol': { 3 'lineColor' : '#34495e', 4 'lineWidth' : 2 5 }, 6 'vertexSymbol' 阅读全文
摘要:
31. html Marker 1 var marker = new maptalks.ui.UIMarker([-0.113049,51.49856], { 2 'draggable' : true, 3 'single' : false, 4 'content' : '<div class="t 阅读全文