地图高度控制html,带高度的点-点 Points-示例中心-JS API 示例 | 高德地图API

Points 带高度的点

html, body, #container {

margin: 0; padding: 0; width: 100%; height: 100%;

}

var map = new AMap.Map('container', {

viewMode: '3D',

turboMode: false,

defaultCursor: 'pointer',

showBuildingBlock: false,

expandZoomRange: true,

zooms: [3, 20],

zoom: 4,

pitch: 50,

forceVector: true,

});

var object3Dlayer = new AMap.Object3DLayer({ zIndex: 110, opacity: 1 });

map.add(object3Dlayer);

function lnglatToG20(lnglat) {

lnglat = map.lngLatToGeodeticCoord(lnglat);

lnglat.x = AMap.Util.format(lnglat.x, 3);

lnglat.y = AMap.Util.format(lnglat.y, 3);

return lnglat;

}

new AMap.DistrictSearch({

subdistrict: 1, //返回下一级行政区

extensions: 'base'

}).search('中国', function (status, result) {

var provinces = result.districtList[0].districtList;

var points3D = new AMap.Object3D.Points();

points3D.transparent = true;

var geometry = points3D.geometry;

for (var p = 0; p < provinces.length; p += 1) {

// points 类型的顶点坐标需要使用 G20 坐标

var center = lnglatToG20(provinces[p].center);

// 随机高度。Z 轴正方向指向地下，因此这里设置高度要添加负号指向反方向

geometry.vertices.push(center.x, center.y, -Math.random() * 10000000);

geometry.pointSizes.push(Math.round(Math.random() * 50));

geometry.vertexColors.push(p * 0.029, p * 0.015, p * 0.01, 0.5);

// geometry.pointAreas.push(0.3,0,0.7,0.5);

}

points3D.borderColor = [0.6, 0.8, 1, 1];

points3D.borderWeight = 3;

object3Dlayer.add(points3D);

});