p90524618
/
antv-l7
mirror of https://gitee.com/antv-l7/antv-l7
1
0
Fork 0
Code Issues Projects Releases Wiki Activity

docs: 完善官网 demo

This commit is contained in:
shihui 2022-01-13 21:12:08 +08:00
parent c4942e9c7f
commit 6ad69a415a
44 changed files with 414 additions and 495 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

3
docs/api/wind.zh.md
View File

@ -11,9 +11,8 @@ WindLayer 用于将存储风场信息的图片，设置其风速线采样相关
import { WindLayer } from '@antv/l7'; import { WindLayer } from '@antv/l7';
``` ```
<img width="60%" style="display: block;margin: 0 auto;" alt="案例" src='https://gw.alipayobjects.com/mdn/rms_816329/afts/img/A*CPveRqBxBwkAAAAAAAAAAAAAARQnAQ' /> <img width="60%" style="display: block;margin: 0 auto;" alt="案例" src='https://gw.alipayobjects.com/mdn/rms_816329/afts/img/A*ADr-SIxhM9AAAAAAAAAAAAAAARQnAQ' />
## API
### source ### source

2
examples/amapPlugin/bus/demo/meta.json
View File

@ -7,7 +7,7 @@
{ {
"filename": "busStop.js", "filename": "busStop.js",
"title": "公交线路插件", "title": "公交线路插件",
"screenshot":"https://gw.alipayobjects.com/mdn/rms_23a451/afts/img/A*BPJiQKLxYwMAAAAAAAAAAAAAARQnAQ" "screenshot":"https://gw.alipayobjects.com/mdn/rms_816329/afts/img/A*9MHrRZTvaiAAAAAAAAAAAAAAARQnAQ"
} }
] ]
} }

4
examples/draw/UI/demo/meta.json
View File

@ -8,12 +8,12 @@
{ {
"filename": "amap.js", "filename": "amap.js",
"title": "高德地图绘制", "title": "高德地图绘制",
"screenshot": "https://gw.alipayobjects.com/mdn/rms_855bab/afts/img/A*nMVTRY3xCuoAAAAAAAAAAABkARQnAQ" "screenshot": "https://gw.alipayobjects.com/mdn/rms_816329/afts/img/A*-5KDT6d7pLcAAAAAAAAAAAAAARQnAQ"
}, },
{ {
"filename": "mapbox.js", "filename": "mapbox.js",
"title": "Mapbox 地图绘制", "title": "Mapbox 地图绘制",
"screenshot": "https://gw.alipayobjects.com/mdn/rms_855bab/afts/img/A*oX9uTpfcIJ4AAAAAAAAAAABkARQnAQ" "screenshot": "https://gw.alipayobjects.com/mdn/rms_816329/afts/img/A*bdDFS4ytOhYAAAAAAAAAAAAAARQnAQ"
} }
] ]
} }

2
examples/earth/arc3d/demo/meta.json
View File

@ -7,7 +7,7 @@
{ {
"filename": "flyline.js", "filename": "flyline.js",
"title": "飞线", "title": "飞线",
"screenshot":"https://gw.alipayobjects.com/mdn/rms_23a451/afts/img/A*ZrpHTKS1_FsAAAAAAAAAAAAAARQnAQ" "screenshot":"https://gw.alipayobjects.com/mdn/rms_816329/afts/img/A*hak1RaMjp1MAAAAAAAAAAAAAARQnAQ"
} }
] ]
} }

4
examples/earth/point/demo/meta.json
View File

@ -7,12 +7,12 @@
{ {
"filename": "point.js", "filename": "point.js",
"title": "点图层", "title": "点图层",
"screenshot":"https://gw.alipayobjects.com/mdn/rms_23a451/afts/img/A*R5uPS4SIMi0AAAAAAAAAAAAAARQnAQ" "screenshot":"https://gw.alipayobjects.com/mdn/rms_816329/afts/img/A*-kG0TIHBfvgAAAAAAAAAAAAAARQnAQ"
}, },
{ {
"filename": "cylinder.js", "filename": "cylinder.js",
"title": "圆柱图层", "title": "圆柱图层",
"screenshot":"https://gw.alipayobjects.com/mdn/rms_23a451/afts/img/A*u2iWTrhJnL0AAAAAAAAAAAAAARQnAQ" "screenshot":"https://gw.alipayobjects.com/mdn/rms_816329/afts/img/A*v26ESpAZd1AAAAAAAAAAAAAAARQnAQ"
} }
] ]
} }

6
examples/engine/three/demo/meta.json
View File

@ -7,17 +7,17 @@
{ {
"filename": "amap_ant.js", "filename": "amap_ant.js",
"title": "高德地图", "title": "高德地图",
"screenshot":"https://gw.alipayobjects.com/mdn/rms_23a451/afts/img/A*1_W2SIR8swwAAAAAAAAAAAAAARQnAQ" "screenshot":"https://gw.alipayobjects.com/mdn/rms_816329/afts/img/A*mjmxT7DaVQgAAAAAAAAAAAAAARQnAQ"
}, },
{ {
"filename": "mapbox_ant.js", "filename": "mapbox_ant.js",
"title": "mapbox 地图", "title": "mapbox 地图",
"screenshot":"https://gw.alipayobjects.com/mdn/rms_23a451/afts/img/A*kflKRJvm3hYAAAAAAAAAAAAAARQnAQ" "screenshot":"https://gw.alipayobjects.com/mdn/rms_816329/afts/img/A*dsbURZ87Rv8AAAAAAAAAAAAAARQnAQ"
}, },
{ {
"filename": "space_click.js", "filename": "space_click.js",
"title": "点击建筑", "title": "点击建筑",
"screenshot":"https://gw.alipayobjects.com/mdn/rms_23a451/afts/img/A*AY5vSIMeLy8AAAAAAAAAAAAAARQnAQ" "screenshot":"https://gw.alipayobjects.com/mdn/rms_816329/afts/img/A*ilK5R4SidkMAAAAAAAAAAAAAARQnAQ"
} }
] ]
} }

4
examples/engine/three/demo/space_click.js
View File

@ -364,14 +364,14 @@ scene.on('loaded', () => {
lat: 30.251529, lat: 30.251529,
pitch: 83, pitch: 83,
rotation: 225, rotation: 225,
zoom: 16 zoom: 15
}; };
const ZSpaceView = { const ZSpaceView = {
lng: 120.112026, lng: 120.112026,
lat: 30.256881, lat: 30.256881,
pitch: 80, pitch: 80,
rotation: 220, rotation: 220,
zoom: 16 zoom: 15
}; };
scene.on('click', ev => { scene.on('click', ev => {

320
examples/gallery/animate/demo/cylinder.js
View File

@ -1,320 +0,0 @@
import { Scene, PointLayer, EarthLayer } from '@antv/l7';
import { Earth } from '@antv/l7-maps';
const scene = new Scene({
id: 'map',
map: new Earth({})
});
const d = [
{ lng: 121.61865234375, lat: 25.29437116258816 },
{ lng: 121.058349609375, lat: 25.015928763367857 },
{ lng: 120.7177734375, lat: 24.587090339209634 },
{ lng: 120.28930664062499, lat: 23.936054914599815 },
{ lng: 120.12451171875, lat: 23.553916518321625 },
{ lng: 120.08056640625, lat: 23.120153621695614 },
{ lng: 120.234375, lat: 22.867317960075614 },
{ lng: 120.43212890625, lat: 22.52270570348246 },
{ lng: 120.65185546875, lat: 22.370396344320053 },
{ lng: 120.750732421875, lat: 21.922663209325922 },
{ lng: 120.948486328125, lat: 22.268764039073968 },
{ lng: 121.124267578125, lat: 22.806567100271522 },
{ lng: 121.56372070312499, lat: 23.915970370510227 },
{ lng: 121.88232421875, lat: 24.557116164309626 },
{ lng: 121.95922851562501, lat: 25.075648445630527 },
{ lng: 109.97314453125, lat: 20.076570104545173 },
{ lng: 108.896484375, lat: 19.663280219987662 },
{ lng: 108.61083984375, lat: 18.979025953255267 },
{ lng: 108.80859375, lat: 18.47960905583197 },
{ lng: 109.599609375, lat: 18.35452552912664 },
{ lng: 110.32470703125, lat: 18.771115062337024 },
{ lng: 111.005859375, lat: 19.78738018198621 },
{ lng: 127.657407, lat: 49.76027 },
{ lng: 129.397818, lat: 49.4406 },
{ lng: 130.582293, lat: 48.729687 },
{ lng: 130.987282, lat: 47.790132 },
{ lng: 132.506672, lat: 47.78897 },
{ lng: 133.373596, lat: 48.183442 },
{ lng: 135.026311, lat: 48.47823 },
{ lng: 134.500814, lat: 47.57844 },
{ lng: 134.112362, lat: 47.212467 },
{ lng: 133.769644, lat: 46.116927 },
{ lng: 133.097127, lat: 45.144066 },
{ lng: 131.883454, lat: 45.321162 },
{ lng: 131.025212, lat: 44.967953 },
{ lng: 131.288555, lat: 44.11152 },
{ lng: 131.144688, lat: 42.92999 },
{ lng: 130.633866, lat: 42.903015 },
{ lng: 130.640016, lat: 42.395009 },
{ lng: 129.994267, lat: 42.985387 },
{ lng: 129.596669, lat: 42.424982 },
{ lng: 128.052215, lat: 41.994285 },
{ lng: 128.208433, lat: 41.466772 },
{ lng: 127.343783, lat: 41.503152 },
{ lng: 126.869083, lat: 41.816569 },
{ lng: 126.182045, lat: 41.107336 },
{ lng: 125.079942, lat: 40.569824 },
{ lng: 124.265625, lat: 39.928493 },
{ lng: 122.86757, lat: 39.637788 },
{ lng: 122.131388, lat: 39.170452 },
{ lng: 121.054554, lat: 38.897471 },
{ lng: 121.585995, lat: 39.360854 },
{ lng: 121.376757, lat: 39.750261 },
{ lng: 122.168595, lat: 40.422443 },
{ lng: 121.640359, lat: 40.94639 },
{ lng: 120.768629, lat: 40.593388 },
{ lng: 119.639602, lat: 39.898056 },
{ lng: 119.023464, lat: 39.252333 },
{ lng: 118.042749, lat: 39.204274 },
{ lng: 117.532702, lat: 38.737636 },
{ lng: 118.059699, lat: 38.061476 },
{ lng: 118.87815, lat: 37.897325 },
{ lng: 118.911636, lat: 37.448464 },
{ lng: 119.702802, lat: 37.156389 },
{ lng: 120.823457, lat: 37.870428 },
{ lng: 121.711259, lat: 37.481123 },
{ lng: 122.357937, lat: 37.454484 },
{ lng: 122.519995, lat: 36.930614 },
{ lng: 121.104164, lat: 36.651329 },
{ lng: 120.637009, lat: 36.11144 },
{ lng: 119.664562, lat: 35.609791 },
{ lng: 119.151208, lat: 34.909859 },
{ lng: 120.227525, lat: 34.360332 },
{ lng: 120.620369, lat: 33.376723 },
{ lng: 121.229014, lat: 32.460319 },
{ lng: 121.908146, lat: 31.692174 },
{ lng: 121.891919, lat: 30.949352 },
{ lng: 121.264257, lat: 30.676267 },
{ lng: 121.503519, lat: 30.142915 },
{ lng: 122.092114, lat: 29.83252 },
{ lng: 121.938428, lat: 29.018022 },
{ lng: 121.684439, lat: 28.225513 },
{ lng: 121.125661, lat: 28.135673 },
{ lng: 120.395473, lat: 27.053207 },
{ lng: 119.585497, lat: 25.740781 },
{ lng: 118.656871, lat: 24.547391 },
{ lng: 117.281606, lat: 23.624501 },
{ lng: 115.890735, lat: 22.782873 },
{ lng: 114.763827, lat: 22.668074 },
{ lng: 114.152547, lat: 22.22376 },
{ lng: 113.80678, lat: 22.54834 },
{ lng: 113.241078, lat: 22.051367 },
{ lng: 111.843592, lat: 21.550494 },
{ lng: 110.785466, lat: 21.397144 },
{ lng: 110.444039, lat: 20.341033 },
{ lng: 109.889861, lat: 20.282457 },
{ lng: 109.627655, lat: 21.008227 },
{ lng: 109.864488, lat: 21.395051 },
{ lng: 108.522813, lat: 21.715212 },
{ lng: 108.05018, lat: 21.55238 },
{ lng: 107.04342, lat: 21.811899 },
{ lng: 106.567273, lat: 22.218205 },
{ lng: 106.725403, lat: 22.794268 },
{ lng: 105.811247, lat: 22.976892 },
{ lng: 105.329209, lat: 23.352063 },
{ lng: 104.476858, lat: 22.81915 },
{ lng: 103.504515, lat: 22.703757 },
{ lng: 102.706992, lat: 22.708795 },
{ lng: 102.170436, lat: 22.464753 },
{ lng: 101.652018, lat: 22.318199 },
{ lng: 101.80312, lat: 21.174367 },
{ lng: 101.270026, lat: 21.201652 },
{ lng: 101.180005, lat: 21.436573 },
{ lng: 101.150033, lat: 21.849984 },
{ lng: 100.416538, lat: 21.558839 },
{ lng: 99.983489, lat: 21.742937 },
{ lng: 99.240899, lat: 22.118314 },
{ lng: 99.531992, lat: 22.949039 },
{ lng: 98.898749, lat: 23.142722 },
{ lng: 98.660262, lat: 24.063286 },
{ lng: 97.60472, lat: 23.897405 },
{ lng: 97.724609, lat: 25.083637 },
{ lng: 98.671838, lat: 25.918703 },
{ lng: 98.712094, lat: 26.743536 },
{ lng: 98.68269, lat: 27.508812 },
{ lng: 98.246231, lat: 27.747221 },
{ lng: 97.911988, lat: 28.335945 },
{ lng: 97.327114, lat: 28.261583 },
{ lng: 96.248833, lat: 28.411031 },
{ lng: 96.586591, lat: 28.83098 },
{ lng: 96.117679, lat: 29.452802 },
{ lng: 95.404802, lat: 29.031717 },
{ lng: 94.56599, lat: 29.277438 },
{ lng: 93.413348, lat: 28.640629 },
{ lng: 92.503119, lat: 27.896876 },
{ lng: 91.696657, lat: 27.771742 },
{ lng: 91.258854, lat: 28.040614 },
{ lng: 90.730514, lat: 28.064954 },
{ lng: 90.015829, lat: 28.296439 },
{ lng: 89.47581, lat: 28.042759 },
{ lng: 88.814248, lat: 27.299316 },
{ lng: 88.730326, lat: 28.086865 },
{ lng: 88.120441, lat: 27.876542 },
{ lng: 86.954517, lat: 27.974262 },
{ lng: 85.82332, lat: 28.203576 },
{ lng: 85.011638, lat: 28.642774 },
{ lng: 84.23458, lat: 28.839894 },
{ lng: 83.898993, lat: 29.320226 },
{ lng: 83.337115, lat: 29.463732 },
{ lng: 82.327513, lat: 30.115268 },
{ lng: 81.525804, lat: 30.422717 },
{ lng: 81.111256, lat: 30.183481 },
{ lng: 79.721367, lat: 30.882715 },
{ lng: 78.738894, lat: 31.515906 },
{ lng: 78.458446, lat: 32.618164 },
{ lng: 79.176129, lat: 32.48378 },
{ lng: 79.208892, lat: 32.994395 },
{ lng: 78.811086, lat: 33.506198 },
{ lng: 78.912269, lat: 34.321936 },
{ lng: 77.837451, lat: 35.49401 },
{ lng: 76.192848, lat: 35.898403 },
{ lng: 75.896897, lat: 36.666806 },
{ lng: 75.158028, lat: 37.133031 },
{ lng: 74.980002, lat: 37.41999 },
{ lng: 74.829986, lat: 37.990007 },
{ lng: 74.864816, lat: 38.378846 },
{ lng: 74.257514, lat: 38.606507 },
{ lng: 73.928852, lat: 38.505815 },
{ lng: 73.675379, lat: 39.431237 },
{ lng: 73.960013, lat: 39.660008 },
{ lng: 73.822244, lat: 39.893973 },
{ lng: 74.776862, lat: 40.366425 },
{ lng: 75.467828, lat: 40.562072 },
{ lng: 76.526368, lat: 40.427946 },
{ lng: 76.904484, lat: 41.066486 },
{ lng: 78.187197, lat: 41.185316 },
{ lng: 78.543661, lat: 41.582243 },
{ lng: 80.11943, lat: 42.123941 },
{ lng: 80.25999, lat: 42.349999 },
{ lng: 80.18015, lat: 42.920068 },
{ lng: 80.866206, lat: 43.180362 },
{ lng: 79.966106, lat: 44.917517 },
{ lng: 81.947071, lat: 45.317027 },
{ lng: 82.458926, lat: 45.53965 },
{ lng: 83.180484, lat: 47.330031 },
{ lng: 85.16429, lat: 47.000956 },
{ lng: 85.720484, lat: 47.452969 },
{ lng: 85.768233, lat: 48.455751 },
{ lng: 86.598776, lat: 48.549182 },
{ lng: 87.35997, lat: 49.214981 },
{ lng: 87.751264, lat: 49.297198 },
{ lng: 88.013832, lat: 48.599463 },
{ lng: 88.854298, lat: 48.069082 },
{ lng: 90.280826, lat: 47.693549 },
{ lng: 90.970809, lat: 46.888146 },
{ lng: 90.585768, lat: 45.719716 },
{ lng: 90.94554, lat: 45.286073 },
{ lng: 92.133891, lat: 45.115076 },
{ lng: 93.480734, lat: 44.975472 },
{ lng: 94.688929, lat: 44.352332 },
{ lng: 95.306875, lat: 44.241331 },
{ lng: 95.762455, lat: 43.319449 },
{ lng: 96.349396, lat: 42.725635 },
{ lng: 97.451757, lat: 42.74889 },
{ lng: 99.515817, lat: 42.524691 },
{ lng: 100.845866, lat: 42.663804 },
{ lng: 101.83304, lat: 42.514873 },
{ lng: 103.312278, lat: 41.907468 },
{ lng: 104.522282, lat: 41.908347 },
{ lng: 104.964994, lat: 41.59741 },
{ lng: 106.129316, lat: 42.134328 },
{ lng: 107.744773, lat: 42.481516 },
{ lng: 109.243596, lat: 42.519446 },
{ lng: 110.412103, lat: 42.871234 },
{ lng: 111.129682, lat: 43.406834 },
{ lng: 111.829588, lat: 43.743118 },
{ lng: 111.667737, lat: 44.073176 },
{ lng: 111.348377, lat: 44.457442 },
{ lng: 111.873306, lat: 45.102079 },
{ lng: 112.436062, lat: 45.011646 },
{ lng: 113.463907, lat: 44.808893 },
{ lng: 114.460332, lat: 45.339817 },
{ lng: 115.985096, lat: 45.727235 },
{ lng: 116.717868, lat: 46.388202 },
{ lng: 117.421701, lat: 46.672733 },
{ lng: 118.874326, lat: 46.805412 },
{ lng: 119.66327, lat: 46.69268 },
{ lng: 119.772824, lat: 47.048059 },
{ lng: 118.866574, lat: 47.74706 },
{ lng: 118.064143, lat: 48.06673 },
{ lng: 117.295507, lat: 47.697709 },
{ lng: 116.308953, lat: 47.85341 },
{ lng: 115.742837, lat: 47.726545 },
{ lng: 115.485282, lat: 48.135383 },
{ lng: 116.191802, lat: 49.134598 },
{ lng: 116.678801, lat: 49.888531 },
{ lng: 117.879244, lat: 49.510983 },
{ lng: 119.288461, lat: 50.142883 },
{ lng: 119.279366, lat: 50.582908 },
{ lng: 120.18205, lat: 51.643566 },
{ lng: 120.738191, lat: 51.964115 },
{ lng: 120.725789, lat: 52.516226 },
{ lng: 120.177089, lat: 52.753886 },
{ lng: 121.003085, lat: 53.251401 },
{ lng: 122.245748, lat: 53.431726 },
{ lng: 123.571507, lat: 53.458804 },
{ lng: 125.068211, lat: 53.161045 },
{ lng: 125.946349, lat: 52.792799 },
{ lng: 126.564399, lat: 51.784255 },
{ lng: 126.939157, lat: 51.353894 },
{ lng: 127.287456, lat: 50.739797 },
{ lng: 127.657407, lat: 49.76027 }
];
const pointlayer = new PointLayer()
.source(
d,
{
parser: {
type: 'json',
x: 'lng',
y: 'lat'
}
}
)
.shape('cylinder')
.color('#f00')
.size('', () => [ 1, 1, 10 ])
.active(true);
const earthlayer = new EarthLayer()
.source(
'https://gw.alipayobjects.com/mdn/rms_23a451/afts/img/A*3-3NSpqRqUoAAAAAAAAAAAAAARQnAQ',
{
parser: {
type: 'image'
}
}
)
.shape('fill')
.style({
opacity: 1.0,
radius: 40,
globelOtions: {
ambientRatio: 0.6, // 环境光
diffuseRatio: 0.4, // 漫反射
specularRatio: 0.1 // 高光反射
}
})
.animate(true);
const atomLayer = new EarthLayer()
.color('#2E8AE6')
.shape('atomSphere')
.style({
opacity: 1
});
const bloomLayer = new EarthLayer().color('#fff').shape('bloomSphere')
.style({
opacity: 0.6
});
scene.on('loaded', () => {
scene.addLayer(earthlayer);
scene.addLayer(pointlayer);
scene.addLayer(atomLayer);
scene.addLayer(bloomLayer);
earthlayer.setEarthTime(4.0);
});

6
examples/gallery/animate/demo/meta.json
View File

@ -40,9 +40,9 @@
"screenshot":"https://gw.alipayobjects.com/mdn/rms_816329/afts/img/A*mo_7Q6sTqOIAAAAAAAAAAAAAARQnAQ" "screenshot":"https://gw.alipayobjects.com/mdn/rms_816329/afts/img/A*mo_7Q6sTqOIAAAAAAAAAAAAAARQnAQ"
}, },
{ {
"filename": "cylinder.js", "filename": "route_line.js",
"title": "地球圆柱", "title": "航线图",
"screenshot":"https://gw.alipayobjects.com/mdn/rms_816329/afts/img/A*xjRPRJU5CKUAAAAAAAAAAAAAARQnAQ" "screenshot":"https://gw.alipayobjects.com/mdn/rms_816329/afts/img/A*qRFaR7Ko274AAAAAAAAAAAAAARQnAQ"
} }
] ]
} }

188
examples/gallery/animate/demo/route_line.js Normal file
View File

@ -0,0 +1,188 @@
/* eslint-disable no-eval */
import { Scene, LineLayer, PointLayer, PolygonLayer } from '@antv/l7';//
import { GaodeMap } from '@antv/l7-maps';
const scene = new Scene({
id: 'map',
map: new GaodeMap({
center: [ 110, 30 ],
zoom: 2.5,
style: 'dark'
})
});
const originData = { // BJ -> CQ
lng1: 116.5883553580003,
lat1: 40.07680509701226,
lng2: 106.06201171875,
lat2: 30.164126343161097
};
const originData2 = { // BJ -> HK
lng1: 116.5883553580003,
lat1: 40.07680509701226,
lng2: 114.3072509765625,
lat2: 22.228090416784486
};
const originData3 = { // BJ -> HerBin
lng1: 116.5883553580003,
lat1: 40.07680509701226,
lng2: 126.62841796875,
lat2: 45.75219336063106
};
const originData4 = { // BJ -> Wulumuqi
lng1: 116.5883553580003,
lat1: 40.07680509701226,
lng2: 87.57202148437499,
lat2: 43.82660134505382
};
const originData5 = { // BJ -> 上海
lng1: 116.5883553580003,
lat1: 40.07680509701226,
lng2: 121.26708984374999,
lat2: 31.259769987394286
};
scene.on('loaded', () => {
scene.addImage(
'plane',
'https://gw.alipayobjects.com/zos/bmw-prod/bea041d7-d6d4-4027-b422-a0bc321fbf14.svg'
);
Promise.all([
fetch(
'https://gw.alipayobjects.com/os/basement_prod/dbd008f1-9189-461c-88aa-569357ffc07d.json'
).then(d => d.json())
]).then(function onLoad([ world ]) {
const data = []
for (let i = 0; i < 99; i++) {
data.push({
thetaOffset: -1/2 + i * (1/99), // 设置曲线的偏移量
...originData
});
}
for (let i = 0; i < 30; i++) {
data.push({
thetaOffset: -1/2 + i * (1/30), // 设置曲线的偏移量
...originData2
});
}
for (let i = 0; i < 15; i++) {
data.push({
thetaOffset: -1/2 + i * (1/15), // 设置曲线的偏移量
...originData3
});
}
for (let i = 0; i < 11; i++) {
data.push({
thetaOffset: -1/2 + i * (1/11), // 设置曲线的偏移量
...originData4
});
}
for (let i = 0; i < 60; i++) {
data.push({
thetaOffset: -1/2 + i * (1/60), // 设置曲线的偏移量
...originData5
});
}
const worldLine = new LineLayer()
.source(world)
.color('#1E90FF')
.size(0.5)
.style({
opacity: 0.4
});
scene.addLayer(worldLine);
const worldFill = new PolygonLayer({ blend: 'normal' })
.source(world)
.size('name', [ 0, 10000, 50000, 30000, 100000 ])
.color('#1E90FF')
.shape('fill')
.active(true)
.style({
opacity: 0.2,
opacityLinear: {
enable: true,
dir: 'out' // in - out
}
});
scene.addLayer(worldFill);
const jsonParserOotion = {
parser: {
type: 'json',
x: 'lng',
y: 'lat'
}
}
const jsonLineParserOotion = {
parser: {
type: 'json',
x: 'lng1',
y: 'lat1',
x1: 'lng2',
y1: 'lat2'
}
}
const dotData = [
{ // CQ
lng: 106.06201171875,
lat: 30.164126343161097
},
{ // BJ
lng: 116.5883553580003,
lat: 40.07680509701226,
},
{ // HK
lng: 114.3072509765625,
lat: 22.228090416784486
},
{ // Herbin
lng: 126.62841796875,
lat: 45.75219336063106
},
{ // shanghai
lng: 121.26708984374999,
lat: 31.259769987394286
},
{ // Wulumuqi
lng: 87.57202148437499,
lat: 43.82660134505382
}
]
const dotPoint = new PointLayer({zIndex: 2})
.source(dotData, jsonParserOotion)
.shape('circle')
.color('#00FFFF')
.animate(true)
.size(30)
scene.addLayer(dotPoint);
const layerPlaneLine = new LineLayer({ blend: 'normal' })
.source(data, jsonLineParserOotion)
.size(1)
.shape('arc')
.color('#87CEFA')
.animate({
interval: 1, // 间隔
duration: 1, // 持续时间，延时
trailLength: 2 // 流线长度
})
.style({
opacity: 0.4,
thetaOffset: 'thetaOffset'
});
scene.addLayer(layerPlaneLine);
});
});

2
examples/line/animate/API.en.md
View File

@ -1 +1 @@
`markdown:docs/api/layer/line_layer/arc.en.md` `markdown:docs/api/line_layer/linelayer.en.md`

3
examples/line/animate/API.zh.md
View File

@ -1,2 +1 @@
`markdown:docs/api/layer/line_layer/arc.zh.md` `markdown:docs/api/line_layer/linelayer.zh.md`

16
examples/line/animate/demo/meta.json
View File

@ -7,42 +7,42 @@
{ {
"filename": "wind_animate.js", "filename": "wind_animate.js",
"title": "风场动画", "title": "风场动画",
"screenshot": "https://gw.alipayobjects.com/mdn/rms_23a451/afts/img/A*LpcBTKiazZcAAAAAAAAAAAAAARQnAQ" "screenshot": "https://gw.alipayobjects.com/mdn/rms_816329/afts/img/A*wH50SZfOywcAAAAAAAAAAAAAARQnAQ"
}, },
{ {
"filename": "line_animate.js", "filename": "line_animate.js",
"title": "直线动画", "title": "直线动画",
"screenshot": "https://gw.alipayobjects.com/mdn/rms_816329/afts/img/A*z5sLS4Tpl3kAAAAAAAAAAAAAARQnAQ" "screenshot": "https://gw.alipayobjects.com/mdn/rms_816329/afts/img/A*eckNS70gTfwAAAAAAAAAAAAAARQnAQ"
}, },
{ {
"filename": "plane_animate2.js", "filename": "plane_animate2.js",
"title": "航向图（平面）", "title": "航向图（平面）",
"screenshot":"https://gw.alipayobjects.com/mdn/rms_23a451/afts/img/A*OGcHSYSbDz4AAAAAAAAAAAAAARQnAQ" "screenshot":"https://gw.alipayobjects.com/mdn/rms_816329/afts/img/A*2wDIS5hXKYwAAAAAAAAAAAAAARQnAQ"
}, },
{ {
"filename": "trip_animate.js", "filename": "trip_animate.js",
"title": "3D 弧线动画-亮", "title": "3D 弧线动画-亮",
"screenshot": "https://gw.alipayobjects.com/mdn/rms_816329/afts/img/A*p8k2R5GpyQoAAAAAAAAAAAAAARQnAQ" "screenshot": "https://gw.alipayobjects.com/mdn/rms_816329/afts/img/A*cmB1SLuyB1cAAAAAAAAAAAAAARQnAQ"
}, },
{ {
"filename": "trip_animate_dark.js", "filename": "trip_animate_dark.js",
"title": "3D 弧线动画-暗", "title": "3D 弧线动画-暗",
"screenshot": "https://gw.alipayobjects.com/mdn/rms_816329/afts/img/A*w-gDQra4KGMAAAAAAAAAAAAAARQnAQ" "screenshot": "https://gw.alipayobjects.com/mdn/rms_816329/afts/img/A*r0bPQKrJfJkAAAAAAAAAAAAAARQnAQ"
}, },
{ {
"filename": "animate_line.js", "filename": "animate_line.js",
"title": "轨迹动画", "title": "轨迹动画",
"screenshot": "https://gw.alipayobjects.com/mdn/antv_site/afts/img/A*jLo0RY0sDG4AAAAAAAAAAABkARQnAQ" "screenshot": "https://gw.alipayobjects.com/mdn/rms_816329/afts/img/A*d7PjSo0izNAAAAAAAAAAAAAAARQnAQ"
}, },
{ {
"filename": "world.js", "filename": "world.js",
"title": "流向图", "title": "流向图",
"screenshot":"https://gw.alipayobjects.com/mdn/antv_site/afts/img/A*Sbx4S4w7nL8AAAAAAAAAAABkARQnAQ" "screenshot":"https://gw.alipayobjects.com/mdn/rms_816329/afts/img/A*LKKcRY1G-bcAAAAAAAAAAAAAARQnAQ"
}, },
{ {
"filename": "world2.js", "filename": "world2.js",
"title": "流向图", "title": "流向图",
"screenshot":"https://gw.alipayobjects.com/mdn/antv_site/afts/img/A*u5BsQbn30pkAAAAAAAAAAABkARQnAQ" "screenshot":"https://gw.alipayobjects.com/mdn/rms_816329/afts/img/A*MD7nRYqG5joAAAAAAAAAAAAAARQnAQ"
} }
] ]
} }

2
examples/line/arc/API.en.md
View File

@ -1 +1 @@
`markdown:docs/api/layer/line_layer/arc.en.md` `markdown:docs/api/line_layer/linelayer.en.md`

3
examples/line/arc/API.zh.md
View File

@ -1,2 +1 @@
`markdown:docs/api/layer/line_layer/arc.zh.md` `markdown:docs/api/line_layer/linelayer.zh.md`

2
examples/line/isoline/API.en.md
View File

@ -1 +1 @@
`markdown:docs/api/layer/line_layer/path.en.md` `markdown:docs/api/line_layer/linelayer.en.md`

3
examples/line/isoline/API.zh.md
View File

@ -1,2 +1 @@
`markdown:docs/api/layer/line_layer/path.zh.md` `markdown:docs/api/line_layer/linelayer.zh.md`

2
examples/line/path/demo/bus_dark.js
View File

@ -8,7 +8,7 @@ const scene = new Scene({
map: new Mapbox({ map: new Mapbox({
center: [ 103.83735, 1.3602538 ], center: [ 103.83735, 1.3602538 ],
zoom: 9.4678190476727, zoom: 9.4678190476727,
pitch: 1.9999999999999982, pitch: 20,
style: 'dark' style: 'dark'
}) })
}); });

2
examples/line/path/demo/bus_light.js
View File

@ -8,7 +8,7 @@ const scene = new Scene({
map: new Mapbox({ map: new Mapbox({
center: [ 103.83735604457024, 1.360253881403068 ], center: [ 103.83735604457024, 1.360253881403068 ],
zoom: 9.4678190476727, zoom: 9.4678190476727,
pitch: 1.9999999999999982, pitch: 20,
style: 'light' style: 'light'
}) })
}); });

17
examples/line/path/demo/meta.json
View File

@ -7,37 +7,32 @@
{ {
"filename": "shanghai_bus.js", "filename": "shanghai_bus.js",
"title": "上海公交", "title": "上海公交",
"screenshot":"https://gw.alipayobjects.com/mdn/rms_816329/afts/img/A*xFJ5Q5gztY0AAAAAAAAAAAAAARQnAQ" "screenshot":"https://gw.alipayobjects.com/mdn/rms_816329/afts/img/A*EkhYRbNGkswAAAAAAAAAAAAAARQnAQ"
}, },
{ {
"filename": "bus_light.js", "filename": "bus_light.js",
"title": "3D 公交线路-亮", "title": "3D 公交线路-亮",
"screenshot":"https://gw.alipayobjects.com/mdn/rms_816329/afts/img/A*YAv-TJYX6j8AAAAAAAAAAAAAARQnAQ" "screenshot":"https://gw.alipayobjects.com/mdn/rms_816329/afts/img/A*sSx9TIOthmkAAAAAAAAAAAAAARQnAQ"
}, },
{ {
"filename": "bus_dark.js", "filename": "bus_dark.js",
"title": "3D 公交线路-暗", "title": "3D 公交线路-暗",
"screenshot":"https://gw.alipayobjects.com/mdn/antv_site/afts/img/A*j-P8RaJMEvAAAAAAAAAAAABkARQnAQ" "screenshot":"https://gw.alipayobjects.com/mdn/rms_816329/afts/img/A*92cnRJiUIf4AAAAAAAAAAAAAARQnAQ"
}, },
{ {
"filename": "road_light.js", "filename": "road_light.js",
"title": "路径light", "title": "路径light",
"screenshot":"https://gw.alipayobjects.com/mdn/antv_site/afts/img/A*LuXiTZAq_84AAAAAAAAAAABkARQnAQ" "screenshot":"https://gw.alipayobjects.com/mdn/rms_816329/afts/img/A*oJdZR5mnocwAAAAAAAAAAAAAARQnAQ"
}, },
{ {
"filename": "road_dark.js", "filename": "road_dark.js",
"title": "路径边框", "title": "路径边框",
"screenshot":"https://gw.alipayobjects.com/mdn/rms_816329/afts/img/A*Fo6hQYuxV3wAAAAAAAAAAAAAARQnAQ" "screenshot":"https://gw.alipayobjects.com/mdn/rms_816329/afts/img/A*Zq3ORrdexZwAAAAAAAAAAAAAARQnAQ"
}, },
{ {
"filename": "road_dark_dash.js", "filename": "road_dark_dash.js",
"title": "路径虚线", "title": "路径虚线",
"screenshot":"https://gw.alipayobjects.com/mdn/antv_site/afts/img/A*cGw3T4LPx7YAAAAAAAAAAABkARQnAQ" "screenshot":"https://gw.alipayobjects.com/mdn/rms_816329/afts/img/A*vZFUTaBCGoEAAAAAAAAAAAAAARQnAQ"
},
{
"filename": "route_line.js",
"title": "航线图",
"screenshot":"https://gw.alipayobjects.com/mdn/rms_816329/afts/img/A*i6d6SqQgjAwAAAAAAAAAAAAAARQnAQ"
} }
] ]
} }

18
examples/line/path/demo/road_dark.js
View File

@ -5,7 +5,7 @@ const scene = new Scene({
id: 'map', id: 'map',
map: new Mapbox({ map: new Mapbox({
center: [ 116.3956, 39.9392 ], center: [ 116.3956, 39.9392 ],
pitch: 0, pitch: 20,
zoom: 10, zoom: 10,
rotation: 0, rotation: 0,
style: 'dark' style: 'dark'
@ -18,14 +18,14 @@ scene.on('loaded', () => {
.then(res => res.json()) .then(res => res.json())
.then(data => { .then(data => {
const layer = new LineLayer({}) const layer = new LineLayer({})
.source(data) .source(data)
.size(6) .size(4)
.shape('line') .shape('line')
.color('标准名称', [ '#5B8FF9', '#5CCEA1', '#F6BD16' ]) .color('标准名称', [ '#5B8FF9', '#5CCEA1', '#F6BD16' ])
.style({ .style({
borderWidth: 1, borderWidth: 0.4,
borderColor: '#fff' borderColor: '#fff'
}); });
scene.addLayer(layer); scene.addLayer(layer);
}); });
}); });

2
examples/line/path/demo/road_light.js
View File

@ -10,7 +10,7 @@ const scene = new Scene({
id: 'map', id: 'map',
map: new Mapbox({ map: new Mapbox({
center: [ 116.3956, 39.9392 ], center: [ 116.3956, 39.9392 ],
pitch: 0, pitch: 20,
zoom: 10, zoom: 10,
rotation: 0, rotation: 0,
style: 'light' style: 'light'

212
examples/line/path/demo/route_line.js
View File

@ -1,124 +1,188 @@
/* eslint-disable no-eval */ /* eslint-disable no-eval */
import { Scene, LineLayer, PointLayer } from '@antv/l7'; import { Scene, LineLayer, PointLayer, PolygonLayer } from '@antv/l7';//
import { GaodeMap } from '@antv/l7-maps'; import { GaodeMap } from '@antv/l7-maps';
const scene = new Scene({ const scene = new Scene({
id: 'map', id: 'map',
map: new GaodeMap({ map: new GaodeMap({
pitch: 40, center: [ 110, 30 ],
center: [ 86, 35.443 ],
zoom: 2.5, zoom: 2.5,
viewMode: '3D',
style: 'dark' style: 'dark'
}) })
}); });
const originData = { // 设置经纬度起点和终点数据 const originData = { // BJ -> CQ
lng1: 116.5883553580003, lng1: 116.5883553580003,
lat1: 40.07680509701226, lat1: 40.07680509701226,
lng2: 55.7508, // 2.663131,12.304181 lng2: 106.06201171875,
lat2: 37.617255 lat2: 30.164126343161097
};
const originData2 = { // BJ -> HK
lng1: 116.5883553580003,
lat1: 40.07680509701226,
lng2: 114.3072509765625,
lat2: 22.228090416784486
};
const originData3 = { // BJ -> HerBin
lng1: 116.5883553580003,
lat1: 40.07680509701226,
lng2: 126.62841796875,
lat2: 45.75219336063106
};
const originData4 = { // BJ -> Wulumuqi
lng1: 116.5883553580003,
lat1: 40.07680509701226,
lng2: 87.57202148437499,
lat2: 43.82660134505382
};
const originData5 = { // BJ -> 上海
lng1: 116.5883553580003,
lat1: 40.07680509701226,
lng2: 121.26708984374999,
lat2: 31.259769987394286
}; };
scene.on('loaded', () => { scene.on('loaded', () => {
scene.addImage( scene.addImage(
'plane', 'plane',
'https://gw.alipayobjects.com/zos/bmw-prod/0ca1668e-38c2-4010-8568-b57cb33839b9.svg' 'https://gw.alipayobjects.com/zos/bmw-prod/bea041d7-d6d4-4027-b422-a0bc321fbf14.svg'
); );
Promise.all([ Promise.all([
fetch( fetch(
'https://gw.alipayobjects.com/os/basement_prod/dbd008f1-9189-461c-88aa-569357ffc07d.json' 'https://gw.alipayobjects.com/os/basement_prod/dbd008f1-9189-461c-88aa-569357ffc07d.json'
).then(d => d.json()) ).then(d => d.json())
]).then(function onLoad([ world ]) { ]).then(function onLoad([ world ]) {
const data = []; const data = []
for (let i = 0; i < 99; i++) {
data.push({
thetaOffset: -1/2 + i * (1/99), // 设置曲线的偏移量
...originData
});
}
for (let i = 0; i < 30; i++) {
data.push({
thetaOffset: -1/2 + i * (1/30), // 设置曲线的偏移量
...originData2
});
}
for (let i = 0; i < 15; i++) {
data.push({
thetaOffset: -1/2 + i * (1/15), // 设置曲线的偏移量
...originData3
});
}
for (let i = 0; i < 11; i++) { for (let i = 0; i < 11; i++) {
data.push({ data.push({
thetaOffset: -0.5 + i * 0.1, // 设置曲线的偏移量 thetaOffset: -1/2 + i * (1/11), // 设置曲线的偏移量
...originData ...originData4
});
}
for (let i = 0; i < 60; i++) {
data.push({
thetaOffset: -1/2 + i * (1/60), // 设置曲线的偏移量
...originData5
}); });
} }
const worldLine = new LineLayer() const worldLine = new LineLayer()
.source(world) .source(world)
.color('#41fc9d') .color('#1E90FF')
.size(0.5) .size(0.5)
.style({ .style({
opacity: 0.4 opacity: 0.4
}); });
scene.addLayer(worldLine); scene.addLayer(worldLine);
const dotPoint = new PointLayer() const worldFill = new PolygonLayer({ blend: 'normal' })
.source(data, { .source(world)
parser: { .size('name', [ 0, 10000, 50000, 30000, 100000 ])
type: 'json', .color('#1E90FF')
x: 'lng2', .shape('fill')
y: 'lat2' .active(true)
}
}) .style({
opacity: 0.2,
opacityLinear: {
enable: true,
dir: 'out' // in - out
}
});
scene.addLayer(worldFill);
const jsonParserOotion = {
parser: {
type: 'json',
x: 'lng',
y: 'lat'
}
}
const jsonLineParserOotion = {
parser: {
type: 'json',
x: 'lng1',
y: 'lat1',
x1: 'lng2',
y1: 'lat2'
}
}
const dotData = [
{ // CQ
lng: 106.06201171875,
lat: 30.164126343161097
},
{ // BJ
lng: 116.5883553580003,
lat: 40.07680509701226,
},
{ // HK
lng: 114.3072509765625,
lat: 22.228090416784486
},
{ // Herbin
lng: 126.62841796875,
lat: 45.75219336063106
},
{ // shanghai
lng: 121.26708984374999,
lat: 31.259769987394286
},
{ // Wulumuqi
lng: 87.57202148437499,
lat: 43.82660134505382
}
]
const dotPoint = new PointLayer({zIndex: 2})
.source(dotData, jsonParserOotion)
.shape('circle') .shape('circle')
.color('#ffed11') .color('#00FFFF')
.animate(true) .animate(true)
.size(40) .size(30)
.style({
opacity: 1.0
});
scene.addLayer(dotPoint); scene.addLayer(dotPoint);
const layerPlaneLine = new LineLayer({ blend: 'normal' })
const layer = new LineLayer({ .source(data, jsonLineParserOotion)
blend: 'normal'
})
.source(data, {
parser: {
type: 'json',
x: 'lng1',
y: 'lat1',
x1: 'lng2',
y1: 'lat2'
}
})
.size(1) .size(1)
.shape('arc') .shape('arc')
.color('#ff6b34') .color('#87CEFA')
.animate({
interval: 1, // 间隔
duration: 1, // 持续时间，延时
trailLength: 2 // 流线长度
})
.style({ .style({
opacity: 1, opacity: 0.4,
thetaOffset: 'thetaOffset' thetaOffset: 'thetaOffset'
}); });
scene.addLayer(layer); scene.addLayer(layerPlaneLine);
const layer2 = new LineLayer({
blend: 'normal'
})
.source(data, {
parser: {
type: 'json',
x: 'lng1',
y: 'lat1',
x1: 'lng2',
y1: 'lat2'
}
})
.size(15)
.texture('plane')
.shape('arc')
.color('#8C1EB2')
.style({
opacity: 1,
thetaOffset: 'thetaOffset',
lineTexture: true, // 开启线的贴图功能
iconStep: 10, // 设置贴图纹理的间距
textureBlend: 'replace'
})
.animate({
duration: 1,
interval: 0.4,
trailLength: 0.05
});
scene.addLayer(layer2);
}); });
}); });

4
examples/line/wall/demo/meta.json
View File

@ -7,12 +7,12 @@
{ {
"filename": "hangzhou_wall.js", "filename": "hangzhou_wall.js",
"title": "杭州区县围墙", "title": "杭州区县围墙",
"screenshot": "https://gw.alipayobjects.com/mdn/rms_816329/afts/img/A*mLfxTb4mI6AAAAAAAAAAAAAAARQnAQ" "screenshot": "https://gw.alipayobjects.com/mdn/rms_816329/afts/img/A*aIKDQaTiGkkAAAAAAAAAAAAAARQnAQ"
}, },
{ {
"filename": "bus_wall.js", "filename": "bus_wall.js",
"title": "公交线路围墙", "title": "公交线路围墙",
"screenshot": "https://gw.alipayobjects.com/mdn/rms_816329/afts/img/A*biL5TpaZxd4AAAAAAAAAAAAAARQnAQ" "screenshot": "https://gw.alipayobjects.com/mdn/rms_816329/afts/img/A*BmYdS7zoKvYAAAAAAAAAAAAAARQnAQ"
} }
] ]
} }

4
examples/point/marker/demo/clustermarker.js
View File

@ -5,9 +5,9 @@ const scene = new Scene({
id: 'map', id: 'map',
map: new GaodeMap({ map: new GaodeMap({
style: 'light', style: 'light',
center: [ 105.790327, 36.495636 ], center: [ 105.790327, 30 ],
pitch: 0, pitch: 0,
zoom: 4 zoom: 2
}) })
}); });
scene.on('loaded', () => { scene.on('loaded', () => {

6
examples/point/marker/demo/meta.json
View File

@ -7,19 +7,19 @@
{ {
"filename": "markerlayer.js", "filename": "markerlayer.js",
"title": "MarkerLayer 统一管理Marker", "title": "MarkerLayer 统一管理Marker",
"screenshot":"https://gw.alipayobjects.com/mdn/rms_855bab/afts/img/A*ng-FSqu67kYAAAAAAAAAAABkARQnAQ" "screenshot":"https://gw.alipayobjects.com/mdn/rms_816329/afts/img/A*RC80R7x7aV0AAAAAAAAAAAAAARQnAQ"
}, },
{ {
"filename": "clustermarker.js", "filename": "clustermarker.js",
"title": "MarkerLayer 聚合Marker", "title": "MarkerLayer 聚合Marker",
"screenshot":"https://gw.alipayobjects.com/mdn/rms_855bab/afts/img/A*2vBbRYT2bgIAAAAAAAAAAABkARQnAQ" "screenshot":"https://gw.alipayobjects.com/mdn/rms_816329/afts/img/A*YbNZRZP69IcAAAAAAAAAAAAAARQnAQ"
}, },
{ {
"filename": "marker.js", "filename": "marker.js",
"title": "温度", "title": "温度",
"screenshot":"https://gw.alipayobjects.com/mdn/antv_site/afts/img/A*aTDtTL1qls0AAAAAAAAAAABkARQnAQ" "screenshot":"https://gw.alipayobjects.com/mdn/rms_816329/afts/img/A*2MTARZusZmwAAAAAAAAAAAAAARQnAQ"
} }
] ]

2
examples/raster/basic/API.en.md
View File

@ -1 +1 @@
`markdown:docs/api/layer/raster_layer.en.md` `markdown:docs/api/raster/raster_layer.en.md`

3
examples/raster/basic/API.zh.md
View File

@ -1,2 +1 @@
`markdown:docs/api/layer/raster_layer.zh.md` `markdown:docs/api/raster/raster_layer.zh.md`

2
examples/raster/basic/demo/dem.js
View File

@ -6,7 +6,7 @@ const scene = new Scene({
map: new GaodeMap({ map: new GaodeMap({
pitch: 0, pitch: 0,
style: 'dark', style: 'dark',
center: [ 115.5268, 34.3628 ], center: [ 110, 37.5 ],
zoom: 3 zoom: 3
}) })
}); });

2
examples/raster/basic/demo/image.js
View File

@ -7,7 +7,7 @@ const scene = new Scene({
pitch: 0, pitch: 0,
style: 'light', style: 'light',
center: [ 121.268, 30.3628 ], center: [ 121.268, 30.3628 ],
zoom: 13 zoom: 10
}) })
}); });
scene.on('loaded', () => { scene.on('loaded', () => {

2
examples/raster/basic/demo/light.js
View File

@ -7,7 +7,7 @@ const scene = new Scene({
map: new GaodeMap({ map: new GaodeMap({
pitch: 0, pitch: 0,
style: 'dark', style: 'dark',
center: [ 115.5268, 34.3628 ], center: [ 110, 37.5 ],
zoom: 3 zoom: 3
}) })
}); });

10
examples/raster/basic/demo/meta.json
View File

@ -8,27 +8,27 @@
{ {
"filename": "radar.js", "filename": "radar.js",
"title": "雷达图", "title": "雷达图",
"screenshot": "https://gw.alipayobjects.com/mdn/antv_site/afts/img/A*ZiMnSZlmblIAAAAAAAAAAABkARQnAQ" "screenshot": "https://gw.alipayobjects.com/mdn/rms_816329/afts/img/A*JDO-R5XU7xwAAAAAAAAAAAAAARQnAQ"
}, },
{ {
"filename": "dem.js", "filename": "dem.js",
"title": "地形图", "title": "地形图",
"screenshot": "https://gw.alipayobjects.com/mdn/antv_site/afts/img/A*oinmTJIlmbMAAAAAAAAAAABkARQnAQ" "screenshot": "https://gw.alipayobjects.com/mdn/rms_816329/afts/img/A*muFhRZlUgaIAAAAAAAAAAAAAARQnAQ"
}, },
{ {
"filename": "light.js", "filename": "light.js",
"title": "夜光图", "title": "夜光图",
"screenshot": "https://gw.alipayobjects.com/mdn/antv_site/afts/img/A*bUYqRb5esH4AAAAAAAAAAABkARQnAQ" "screenshot": "https://gw.alipayobjects.com/mdn/rms_816329/afts/img/A*xznhSJFEAXYAAAAAAAAAAAAAARQnAQ"
}, },
{ {
"filename": "ndvi.js", "filename": "ndvi.js",
"title": "NDVI", "title": "NDVI",
"screenshot": "https://gw.alipayobjects.com/mdn/antv_site/afts/img/A*6BQSTI51T_UAAAAAAAAAAABkARQnAQ" "screenshot": "https://gw.alipayobjects.com/mdn/rms_816329/afts/img/A*lpWZQKaCu6cAAAAAAAAAAAAAARQnAQ"
}, },
{ {
"filename": "image.js", "filename": "image.js",
"title": "图片", "title": "图片",
"screenshot": "https://gw.alipayobjects.com/mdn/antv_site/afts/img/A*ZrCaR53185IAAAAAAAAAAABkARQnAQ" "screenshot": "https://gw.alipayobjects.com/mdn/rms_816329/afts/img/A*8MtWSIGTN8UAAAAAAAAAAAAAARQnAQ"
} }
] ]
} }

2
examples/raster/basic/demo/ndvi.js
View File

@ -7,7 +7,7 @@ const scene = new Scene({
map: new GaodeMap({ map: new GaodeMap({
pitch: 0, pitch: 0,
style: 'dark', style: 'dark',
center: [ 115.5268, 34.3628 ], center: [ 110, 37.5 ],
zoom: 3 zoom: 3
}) })
}); });

4
examples/react/control/demo/meta.json
View File

@ -8,12 +8,12 @@
{ {
"filename": "Marker.tsx", "filename": "Marker.tsx",
"title": "Marker 组件", "title": "Marker 组件",
"screenshot": "https://gw.alipayobjects.com/mdn/rms_855bab/afts/img/A*ocOWSKz2peAAAAAAAAAAAABkARQnAQ" "screenshot": "https://gw.alipayobjects.com/mdn/rms_816329/afts/img/A*a2aXQqtzsiAAAAAAAAAAAAAAARQnAQ"
}, },
{ {
"filename": "control.tsx", "filename": "control.tsx",
"title": "Control组件", "title": "Control组件",
"screenshot": "https://gw.alipayobjects.com/mdn/rms_855bab/afts/img/A*_65gSYgf1DoAAAAAAAAAAABkARQnAQ" "screenshot": "https://gw.alipayobjects.com/mdn/rms_816329/afts/img/A*bYsqSKyZDU0AAAAAAAAAAAAAARQnAQ"
} }
] ]
} }

2
examples/react/layer/demo/Point_image.tsx
View File

@ -57,7 +57,7 @@ const World = React.memo(function Map() {
values: ['00', '01', '02'], values: ['00', '01', '02'],
}} }}
size={{ size={{
values: 10, values: 20,
}} }}
style={{ style={{
opacity: 1, opacity: 1,

6
examples/react/layer/demo/meta.json
View File

@ -7,17 +7,17 @@
{ {
"filename": "Point_image.tsx", "filename": "Point_image.tsx",
"title": "图片标注图", "title": "图片标注图",
"screenshot": "https://gw.alipayobjects.com/mdn/rms_23a451/afts/img/A*w-8iQpR1NEQAAAAAAAAAAAAAARQnAQ" "screenshot": "https://gw.alipayobjects.com/mdn/rms_816329/afts/img/A*w8c5Tbu7HPIAAAAAAAAAAAAAARQnAQ"
}, },
{ {
"filename": "marker.tsx", "filename": "marker.tsx",
"title": "点标注图", "title": "点标注图",
"screenshot": "https://gw.alipayobjects.com/mdn/rms_855bab/afts/img/A*9sibTJP-FIMAAAAAAAAAAAAAARQnAQ" "screenshot": "https://gw.alipayobjects.com/mdn/rms_816329/afts/img/A*CtjuQpCwuUEAAAAAAAAAAAAAARQnAQ"
}, },
{ {
"filename": "popup.tsx", "filename": "popup.tsx",
"title": "信息窗", "title": "信息窗",
"screenshot": "https://gw.alipayobjects.com/mdn/rms_855bab/afts/img/A*RWngRL7rZKQAAAAAAAAAAAAAARQnAQ" "screenshot": "https://gw.alipayobjects.com/mdn/rms_816329/afts/img/A*Sh8pQLLYfoIAAAAAAAAAAAAAARQnAQ"
} }
] ]
} }

4
examples/react/scene/demo/meta.json
View File

@ -8,12 +8,12 @@
{ {
"filename": "amap.jsx", "filename": "amap.jsx",
"title": "高德地图", "title": "高德地图",
"screenshot": "https://gw.alipayobjects.com/mdn/rms_855bab/afts/img/A*QrQkRKHte0YAAAAAAAAAAABkARQnAQ" "screenshot": "https://gw.alipayobjects.com/mdn/rms_816329/afts/img/A*TmYmT7t5fmQAAAAAAAAAAAAAARQnAQ"
}, },
{ {
"filename": "mapbox.jsx", "filename": "mapbox.jsx",
"title": "Mapbox 地图", "title": "Mapbox 地图",
"screenshot": "https://gw.alipayobjects.com/mdn/rms_855bab/afts/img/A*_65gSYgf1DoAAAAAAAAAAABkARQnAQ" "screenshot": "https://gw.alipayobjects.com/mdn/rms_816329/afts/img/A*po3TSKc4SUMAAAAAAAAAAAAAARQnAQ"
} }
] ]
} }

4
examples/tutorial/control/demo/meta.json
View File

@ -7,12 +7,12 @@
{ {
"filename": "amap.js", "filename": "amap.js",
"title": "高德底图组件", "title": "高德底图组件",
"screenshot": "https://gw.alipayobjects.com/mdn/antv_site/afts/img/A*yXzQRYcGTyoAAAAAAAAAAABkARQnAQ" "screenshot": "https://gw.alipayobjects.com/mdn/rms_816329/afts/img/A*4Jj2RJQIQTAAAAAAAAAAAAAAARQnAQ"
}, },
{ {
"filename": "mapbox.js", "filename": "mapbox.js",
"title": "MapBox底图组件", "title": "MapBox底图组件",
"screenshot": "https://gw.alipayobjects.com/mdn/antv_site/afts/img/A*_SIYR50bbcoAAAAAAAAAAABkARQnAQ" "screenshot": "https://gw.alipayobjects.com/mdn/rms_816329/afts/img/A*npkTSLPCtvwAAAAAAAAAAAAAARQnAQ"
} }
] ]
} }

2
examples/tutorial/layer/demo/meta.json
View File

@ -7,7 +7,7 @@
{ {
"filename": "layer_highlight.js", "filename": "layer_highlight.js",
"title": "交互高亮图层", "title": "交互高亮图层",
"screenshot": "https://gw.alipayobjects.com/mdn/rms_23a451/afts/img/A*jBzZRp_umUoAAAAAAAAAAAAAARQnAQ" "screenshot": "https://gw.alipayobjects.com/mdn/rms_816329/afts/img/A*CnSaSaPwyX8AAAAAAAAAAAAAARQnAQ"
} }
] ]
} }

3
examples/tutorial/map/demo/amap.js → examples/tutorial/map/demo/gaodemap.js
View File

@ -6,7 +6,6 @@ new Scene({
style: 'light', style: 'light',
pitch: 0, pitch: 0,
center: [ 107.054293, 35.246265 ], center: [ 107.054293, 35.246265 ],
zoom: 4.056, zoom: 4.056
plugin: [ 'AMap.ToolBar' ]
}) })
}); });

10
examples/tutorial/map/demo/meta.json
View File

@ -5,19 +5,19 @@
}, },
"demos": [ "demos": [
{ {
"filename": "amap.js", "filename": "gaodemap.js",
"title": "高德底图", "title": "高德底图",
"screenshot": "https://gw.alipayobjects.com/mdn/antv_site/afts/img/A*F0JPSoLcSesAAAAAAAAAAABkARQnAQ" "screenshot": "https://gw.alipayobjects.com/mdn/rms_816329/afts/img/A*C4BvT5gcclMAAAAAAAAAAAAAARQnAQ"
}, },
{ {
"filename": "mapbox.js", "filename": "mapbox.js",
"title": "MapBox底图", "title": "MapBox底图",
"screenshot": "https://gw.alipayobjects.com/mdn/antv_site/afts/img/A*_SIYR50bbcoAAAAAAAAAAABkARQnAQ" "screenshot": "https://gw.alipayobjects.com/mdn/rms_816329/afts/img/A*jALRQaDoT-0AAAAAAAAAAAAAARQnAQ"
}, },
{ {
"filename": "amapInstance.js", "filename": "amapInstance.js",
"title": "通过高德地图实例化", "title": "高德地图实例化",
"screenshot": "https://gw.alipayobjects.com/mdn/rms_23a451/afts/img/A*C5d2RJ08hOkAAAAAAAAAAAAAARQnAQ" "screenshot": "https://gw.alipayobjects.com/mdn/rms_816329/afts/img/A*A4BOR4hBNcUAAAAAAAAAAAAAARQnAQ"
} }
] ]
} }

4
examples/tutorial/marker/demo/meta.json
View File

@ -7,12 +7,12 @@
{ {
"filename": "amap.js", "filename": "amap.js",
"title": "添加默认Marker", "title": "添加默认Marker",
"screenshot": "https://gw.alipayobjects.com/mdn/antv_site/afts/img/A*Gzj7SYk-vdEAAAAAAAAAAABkARQnAQ" "screenshot": "https://gw.alipayobjects.com/mdn/rms_816329/afts/img/A*VEy6S6UrAV8AAAAAAAAAAAAAARQnAQ"
}, },
{ {
"filename": "mapbox.js", "filename": "mapbox.js",
"title": "MapBox底图组件", "title": "MapBox底图组件",
"screenshot": "https://gw.alipayobjects.com/mdn/antv_site/afts/img/A*_SIYR50bbcoAAAAAAAAAAABkARQnAQ" "screenshot": "https://gw.alipayobjects.com/mdn/rms_816329/afts/img/A*npkTSLPCtvwAAAAAAAAAAAAAARQnAQ"
} }
] ]
} }

2
examples/wind/basic/demo/meta.json
View File

@ -7,7 +7,7 @@
{ {
"filename": "wind.js", "filename": "wind.js",
"title": "风场图层", "title": "风场图层",
"screenshot": "https://gw.alipayobjects.com/mdn/rms_816329/afts/img/A*CPveRqBxBwkAAAAAAAAAAAAAARQnAQ" "screenshot": "https://gw.alipayobjects.com/mdn/rms_816329/afts/img/A*ADr-SIxhM9AAAAAAAAAAAAAAARQnAQ"
} }
] ]
} }

8
examples/wind/basic/demo/wind.js
View File

@ -4,11 +4,9 @@ import { GaodeMap } from '@antv/l7-maps';
const scene = new Scene({ const scene = new Scene({
id: 'map', id: 'map',
map: new GaodeMap({ map: new GaodeMap({
center: [ 105.732421875, 32.24997445586331 ], center: [ 90, 32.24997445586331 ],
pitch: 0,
style: 'dark', style: 'dark',
zoom: 2, zoom: 2
viewMode: '3D'
}) })
}); });
@ -40,7 +38,7 @@ scene.on('loaded', () => {
0.3: '#e6f598', 0.3: '#e6f598',
0.4: '#fee08b', 0.4: '#fee08b',
0.5: '#fdae61', 0.5: '#fdae61',
0.6: '#f46d43', // f46d43 0.6: '#f46d43',
1.0: '#d53e4f' 1.0: '#d53e4f'
} }
}); });