示例 | 高德地图API

控制台
登录注册
历史记录
热门推荐
示例代码报错，请检查
message:
stack:
‹
›
源代码编辑器
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="initial-scale=1.0, user-scalable=no, width=device-width">
<title>Mesh</title>
<link rel="stylesheet" href="http://cache.amap.com/lbs/static/main1119.css"/>
<script src="http://cache.amap.com/lbs/static/es5.min.js"></script>
<script src="http://webapi.amap.com/maps?v=1.4.15&key=您申请的key值&plugin=Map3D"></script>
</head>
<body>
<div id="container"></div>
<script>
    
    var map = new AMap.Map('container', {
        viewMode:'3D',  
        expandZoomRange:true,
        zooms:[3,20],
        zoom:16,
        pitch:60,
        center:[116.396132,39.900444]
    });
    var object3Dlayer = new AMap.Object3DLayer();
    map.add(object3Dlayer)

    var rectangle = new AMap.Object3D.Mesh()
    var geometry = rectangle.geometry;//创建之后获取geometry

    var lnglat1 = new AMap.LngLat(116.395, 39.9)
    var lnglat2 = new AMap.LngLat(116.40, 39.9)

    var v0xy = map.lngLatToGeodeticCoord(lnglat1);
    var v1xy = map.lngLatToGeodeticCoord(lnglat2);
    var z = -3000;//3D地图Z方向朝下，所以负值

    geometry.vertices.push(v0xy.x, v0xy.y, 0);//V0
    geometry.vertices.push(v1xy.x, v1xy.y, 0);//V1
    geometry.vertices.push(v1xy.x, v1xy.y, z);//V2
    geometry.vertices.push(v0xy.x, v0xy.y, z);//V3

    geometry.faces.push(0, 1, 3)
    geometry.faces.push(1, 2, 3)

    // 颜色填充
    // geometry.vertexColors.push(1, 0, 0, 1); //V0
    // geometry.vertexColors.push(0, 1, 0, 1); //V1
    // geometry.vertexColors.push(0, 0, 1, 1); //V2
    // geometry.vertexColors.push(0, 1, 1, 1); //V3


    //纹理填充
    rectangle.textures.push("http://a.amap.com/jsapi_demos/static/tourist/crate.gif");
    geometry.vertexUVs.push(0, 1); //V0
    geometry.vertexUVs.push(1, 1); //V1
    geometry.vertexUVs.push(1, 0); //V2
    geometry.vertexUVs.push(0, 0); //V3


    rectangle.backOrFront = 'both';
    object3Dlayer.add(rectangle)
</script>
</body>
</html>
示例
中心常见
问题智能
客服