百度地图三维盒子模型标注

偏执的太偏执、 2024-03-30 08:45 77阅读 0赞

效果图

![3230800605fb423481850e311a45c6fd.png][]

利用百度地图mapv实现地图盒子模型标准

代码

function box() {
                    var griddata = [];
                    for (var i = 0; i < arr.length; i++) {
                        griddata.push({
                            geometry: {
                                type: 'Point',
                                coordinates: arr[i]
                            },
                            properties: {
                                count: Math.random() * (i + 1) * 10000
                            }
                        });
                    }
                    var grid = new mapvgl.HeatGridLayer({
                        max: 80000, // 最大阈值
                        min: 10000, // 最小阈值
                        // color: function() {
                        //     return 'rgb(200, 255, 0)';
                        // },
                        gridSize: 50000,
                        style: 'normal',
                        gradient: { // 对应比例渐变色
                            0: 'rgba(100, 50, 255,1)',
                            0.2:'rgba(200, 255, 0,1)',
                            0.4: 'rgba(85, 255, 0,1)',
                            0.6: 'rgba(0,36,225,1)',
                            0.8: 'rgb(255, 0, 0)',
                            1: 'rgba(224,234,255,0.9)'
                        },
                        riseTime: 1800, // 楼块初始化升起时间
                        maxHeight: 700000, // 最大高度
                        minHeight: 0 // 最小高度
                    });
                    view.addLayer(grid);
                    grid.setData(griddata);
                }

[3230800605fb423481850e311a45c6fd.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/30/3d5acc0e13c54c648f6ce9cf2323dc54.png

发表评论取消回复

表情：

评论列表（有 0 条评论，77人围观）

还没有评论，来说两句吧...

相关阅读

相关百度地图三维盒子模型标注

效果图 ![3230800605fb423481850e311a45c6fd.png][] 利用百度地图mapv实现地图盒子模型标准代码 function b

偏执的太偏执、/ 2024年03月30日 08:45/ 0 赞/ 78 阅读

相关百度地图API 实现地图多点标注

1.MySQL设计 2.java @RequiresPermissions("system:lmonitor:list") @PostMap

以你之姓@/ 2023年01月21日 04:26/ 0 赞/ 12 阅读

相关百度地图API调用实现获取经纬度以及标注

一、申请AK 百度搜索百度地图API，进入官网文档，按照官网文档提示注册百度账号并申请AK。[申请AK][AK] 填写相关信息，应用名称随意、应用类型根据协议来选择.

男娘i/ 2022年12月17日 15:55/ 0 赞/ 354 阅读

相关百度地图自定义窗口标注

最近做个项目,用到了地图,要在地图上显示车辆的时时信息,页面效果![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0

小灰灰/ 2022年12月07日 01:21/ 0 赞/ 281 阅读

相关百度地图API 自定义标注图标

通过Icon类可实现自定义标注的图标，下面示例通过参数MarkerOptions的icon属性进行设置，也可以使用marker.setIcon()方法。 <sc

客官°小女子只卖身不卖艺/ 2022年08月18日 05:45/ 0 赞/ 440 阅读

相关百度地图攻略2(标注OverlayOptions无法显示）

使用的是百度地图V3\_4版本，在为标注设置了LatLng（只包含经纬度）型的position属性，但是标注去不显示在地图上，找了原因后来发现需要先利用CoordinateCo

港控/mmm°/ 2022年08月08日 11:55/ 0 赞/ 341 阅读

相关百度地图开发示例：位置标注，标注点弹框

一、申请百度地图开发者AK 1.登录百度开放平台地址：[http://lbsyun.baidu.com/][http_lbsyun.baidu.com]，使用百度账

太过爱你忘了你带给我的痛/ 2022年05月22日 12:58/ 0 赞/ 480 阅读

相关百度地图之标注物聚合

在博客《[百度地图查询视野范围内的建筑物][Link 1]》当中描述了如何查询视野范围内的建筑物，可以减少地图加载标注物的数量，提升速度。但是当地图的zoom级很小时，会出现标

喜欢ヅ旅行/ 2022年01月09日 08:11/ 0 赞/ 575 阅读

相关百度地图标注基础篇

<script type="text/javascript"> var mapObj = new BMap.Map("mapObj");

蔚落/ 2021年09月10日 05:06/ 0 赞/ 468 阅读

相关百度地图标注点、图层

[标注点地址][Link 1] [图层地址][Link 2] 标注点创建标注点对象 var 标注点对象=new BMap.标注点类型(po

超、凢脫俗/ 2021年07月24日 22:52/ 0 赞/ 716 阅读