vue3里面高德地图绘制3D图形

1.引入及调用请看链接
2.代码

<script>
import AMap from 'AMap'
export default {setup() {// 状态管理const state = reactive({map:null,});/*** 模块名:高德地图引入* 代码描述:* 作者:Fant* 创建时间:2022/09/06 09:37:21*/const gaode = () => {//创建地图实例state.map = new AMap.Map("map",{viewMode: '3D', // 开启 3D 模式pitch: 55,rotation: 35,center: [114.28614903900908,30.599477012683337],//默认武汉市江岸区features: ['bg', 'road'],zoom: 15});var styleName = "amap://styles/" + "normal";//底部颜色state.map.setMapStyle(styleName); //地图样式颜色//----------------------以下是定义3d图形的代码---------------------------// 添加 Object3DLayer 图层，用于添加 3DObject 对象var object3Dlayer = new AMap.Object3DLayer();state.map.add(object3Dlayer);// 以不规则棱柱体 Prism 为例，添加至 3DObjectLayer 图层中,定义3d图层的形状 就是四个点位 用来绘制3d柱体var paths = [[114.28614903900908,30.599477012683337],[114.28534903900908,30.599527012683337],[114.28564903900908,30.592527012683337],[114.28234903900908,30.589327012683337],];var bounds = paths.map(function(path) {return new AMap.LngLat(path[0], path[1]);});// 创建 Object3D 对象var prism = new AMap.Object3D.Prism({path: bounds,height: 5000, //定义柱子有多高color: 'rgba(100, 150, 230, 0.7)' // 支持 #RRGGBB、rgb()、rgba() 格式数据});// 开启透明度支持prism.transparent = true;// 添加至 3D 图层object3Dlayer.add(prism);}//------------------------当前模块结束------------------------onMounted(() => {gaode()});return {...toRefs(state),};},
};
</script>

3.如图

vue3里面高德地图绘制3D图形相关推荐

【vue3引入高德地图】
vue3引入高德地图文章目录 vue3引入高德地图前言一.准备工作 1.开发文档 2.添加应用二.使用步骤 1.npm 安装 2.地图容器创建 3.组件引入 4.js api 安全密钥 5.初 ...
H5数据可视化(高德地图绘制行政区)
1.高德地图可视化项目搭建参考我的上篇文章完成基本搭建:H5数据可视化(高德地图构建项目) 2.使用高德行政区查询该部分主要参照官方教程即可,其中使用行政区划查询服务前要先引入该插件,具体的引入方 ...
vue3实现高德地图多点标注（so easy）
vue3实现高德地图多点标注(so easy) 前言思路清晰,抽丝剥茧必要的准备工作最简单的部分处理数据之前(最关键的思路) 效果完整代码前言非常感谢你能打开这篇博客,我想你一定是遇到了 ...
绘制图形可以使用什么python数据库_用Matplotlib如何绘制3D图形
Matplotlib是一个Python 2D绘图库,它可以在各种平台上以各种硬拷贝格式和交互式环境生成出具有出版品质的图形. 在上篇中讲述的是如何对图形颜色和线条的填充,而今天给大家带来的是用matp ...
python代码示例图形-Python使用matplotlib绘制3D图形（代码示例）
本篇文章给大家带来的内容是关于Python使用matplotlib绘制3D图形(代码示例),有一定的参考价值,有需要的朋友可以参考一下,希望对你有所帮助. 3D图形在数据分析.数据建模.图形和图像处理 ...
python绘制3d图-Python绘制3D图形
3D图形在数据分析.数据建模.图形和图像处理等领域中都有着广泛的应用,下面将给大家介绍一下如何使用python进行3D图形的绘制,包括3D散点.3D表面.3D轮廓.3D直线(曲线)以及3D文字等的绘制 ...
python绘制三维曲面图-Python中使用Matplotlib绘制3D图形示例
原标题:Python中使用Matplotlib绘制3D图形示例 3D图形能给我们对数据带来更加深入地理解.python的matplotlib库就包含了丰富的3D绘图工具.3D图形在数据分析.数据建模. ...
python绘制3d图形-python matlibplot绘制3D图形
本文实例为大家分享了python matlibplot绘制3D图形的具体代码,供大家参考,具体内容如下 1.散点图使用scatter from mpl_toolkits.mplot3d import ...
【python图像处理】python绘制3D图形
3D图形在数据分析.数据建模.图形和图像处理等领域中都有着广泛的应用,下面将给大家介绍一下如何使用python进行3D图形的绘制,包括3D散点.3D表面.3D轮廓.3D直线(曲线)以及3D文字等的绘制 ...
qmlcanvas绘制3d图形_透视Matplotlib核心功能和工具包 - 绘制3D图形
关联知识 Matplotlib Python 线图在此,我们将学习如何创建3D线图. 它类似于2D等效折线图,并且2D折线图的许多属性都结转到3D. 我们将在相同的轴上绘制凹凸曲线,并从不同角度查看 ...

vue3里面高德地图绘制3D图形

vue3里面高德地图绘制3D图形相关推荐

最新文章

热门文章